画像の好きな場所にリンクをする
下記の1枚画像は病院の絵と寿司の絵にだけリンクを張っています。
ピクセルで指定しなくてはならないのでかなり面倒。イメージマップ作成専用ソフトを使うことをおすすめします。
読み込みに少々時間がかかるかもしれません。
| サンプル |
| <BODY> <P> <IMG src="image/CHIZU.gif" width="198" height="198" border="5" usemap="#CHIZU"> </P> <MAP name="CHIZU"> <AREA href="リンク先のURL" alt="病院検索へ"shape="rect" coords="34,53,66,83"> <AREA href="リンク先のURL"target="_blank" alt="寿司検索へ" shape="circle" coords="180,68,15"> </MAP> </BODY> |
| 『IMG src="image/CHIZU.gif』は画像までの絶対・若しくは相対パスで記述。 『usemap="#CHIZU"』と『 <MAP name="CHIZU">』の名前を合わせて下さい。 『coords="34,53,66,83"』は34,53は、始まりのＸとＹで66,83終わりのＸとＹです。数字は全てピクセル指定になります。 『"shape="rect"』の『rect』は変えれます。 rect＝長方形 circle＝円 polygon＝多角形 でそれぞれのリンクの形を変えれます。 alt=""やtarget=""は普通に設定出来ます。 |
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。