![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
メインで表示する画像のエリアが1つあります。
複数のボタンを設置しクリックすることでそこに表示される画像を切り替えたいのです。
説明が難しくてすみません。
例
□(表示される画像:始めはデフォルト)
■1 ■2 ■3 ■4 (←ボタン)
===================
■1をクリックすると□に□1の画像が表示。
■2をクリックすると□に□2の画像が表示。
■3をクリックすると□に□3の画像が表示。
■4をクリックすると□に□4の画像が表示。
===================
ということをやりたいのですが、どう検索していいのか分かりません。
「クリッカブルマップ」ばかりヒットして目当ての参考urlが見つかりません。
このやり方の名称とかあれば教えて下さい。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
JavaScript 画像 切り替え
で検索すると出てきます。
No.2
- 回答日時:
その部分のHTMLが何かで変わります。
単にスタイルシートで行っても良いです。
javascriptだと一部のユーザーには利用できないし、検索エンジンも理解してくれませんからSEO的には良くないです。
javascripを使う場合は--イワユルスライドショーとしてJQueryに様々な方法があります。
たとえば、アルバムのような目的でしたら、メニューから画像を選択して表示させても良いでしょう。
またナビゲーションでしたら、
ナビゲーションリストを様々にデザインしてみよう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- フリーソフト 画像貼り付け、URLに飛べる軽いメモ帳 3 2022/05/12 07:42
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
Javaスクリプトで画像をフェー...
-
form以外でのpostってできますか?
-
IMGタグでTIFF画像を表示
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
IE11にてonclickの動作不良
-
pngやjsの後ろの英数字の意味は...
-
バナーの貼り方とバナーにリン...
-
カレンダー部分に画像が表示さ...
-
複数のボタンで1つのエリアに...
-
[twip]から[pixel]への変換
-
カーソルを合わせると文字が出...
-
Webページに掲載した画像で4つ...
-
HTMLファイルの一部の画像だけ...
-
タイトルバーに画像を入れるHTM...
-
期間ごとに画像表示を切り替え...
-
HTML上の画像を結合する方法が...
-
HTMLにQRコードを挿入する方法
-
PDFの保存ボタンが表示されません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
崩れたレイアウトが更新すると...
-
リンクの上にマウスカーソルを...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報