１枚の写真に複数リンクする方法

例えば、日本地図なんかで、１枚の画像から、東京を押すと東京のリンクで、北海道を押すと北海道のリンク先に行くといったようなリンクがしたいのですが、どのように設定したら良いかわかりません。よろしくお願いいたしますm(__)m

No.3 ベストアンサー 回答者： elmclose 回答日時： 2004/10/30 09:40

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で）。

座標は、エリアの左上の点のｘ座標、ｙ座標、右下の点のｘ座標、ｙ座標で、表現されます。

わからなければ、さらに聞いてください。

参考URL：http://www.w3.org/TR/REC-html32#map

この回答へのお礼

とても丁寧に教えて下さってありがとうございました＾＾ちょっと難しそうですが、頑張って覚えたいと思います☆ご丁寧にありがとうございましたm(__)m

お礼日時：2004/10/30 10:26

No.2 回答者： noname#176215 回答日時： 2004/10/30 09:37

参考ＵＲＬが参考になると思います。

Web製作用のソフトになら簡単にイメージマップを作成する
機能が付いているものが多いです。

参考URL：http://www.eien.k.tamabi.ac.jp/howtoHP/imagemap. …

この回答へのお礼

わかりやすいアドレスを教えて下さってありがとうございました！HPビルダーで頑張って作製しようと思います＾＾

お礼日時：2004/10/30 10:24

No.1 回答者： gura_ 回答日時： 2004/10/30 09:34

　「クリッカブルマップ」のことだと思います↓

http://tohoho.wakusei.ne.jp/html/map.htm

　HPビルダーでは「イメージマップ」と呼んでいます↓
http://hpb.cool.ne.jp/hpbuilder/hp_imagemap.htm

この回答へのお礼

HPビルダーを使用しているので、「メージマップ」ですぐにわかりました！とても助かりました＾＾ありがとうございましたm(__)m

お礼日時：2004/10/30 10:23