- ベストアンサー
１枚の写真に複数リンクする方法
例えば、日本地図なんかで、１枚の画像から、東京を押すと東京のリンクで、北海道を押すと北海道のリンク先に行くといったようなリンクがしたいのですが、どのように設定したら良いかわかりません。よろしくお願いいたしますm(__)m
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
imgタグのusemap属性と、mapタグとを組み合わせることによって実現します。下の例は、 http://www.w3.org/TR/REC-html32#map に掲載されているものです。 <img src="navbar.gif" border=0 usemap="#map1"> <map name="map1"> <area href=guide.html alt="Access Guide" shape=rect coords="0,0,118,28"> <area href=search.html alt="Search" shape=rect coords="184,0,276,28"> <area href=shortcut.html alt="Go" shape=rect coords="118,0,184,28"> <area href=top10.html alt="Top Ten" shape=rect coords="276,0,373,28"> </map> imgの中のusemap属性で使用するmapの名前を指定します。 mapの中では、エリアを座標で表し、そのエリアにリンク先を関連付けます（hrefで）。 座標は、エリアの左上の点のｘ座標、ｙ座標、右下の点のｘ座標、ｙ座標で、表現されます。 わからなければ、さらに聞いてください。
その他の回答 (2)
参考ＵＲＬが参考になると思います。 Web製作用のソフトになら簡単にイメージマップを作成する 機能が付いているものが多いです。
お礼
わかりやすいアドレスを教えて下さってありがとうございました！HPビルダーで頑張って作製しようと思います＾＾
- gura_
- ベストアンサー率44% (749/1683)
「クリッカブルマップ」のことだと思います↓ http://tohoho.wakusei.ne.jp/html/map.htm HPビルダーでは「イメージマップ」と呼んでいます↓ http://hpb.cool.ne.jp/hpbuilder/hp_imagemap.htm
お礼
HPビルダーを使用しているので、「メージマップ」ですぐにわかりました！とても助かりました＾＾ありがとうございましたm(__)m
お礼
とても丁寧に教えて下さってありがとうございました＾＾ちょっと難しそうですが、頑張って覚えたいと思います☆ご丁寧にありがとうございましたm(__)m