スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト/--/--/-- --:--/スポンサー広告/ トラックバック(-)/コメント(-)

1枚の画像に複数のリンクを貼る

一枚の画像の中に複数のリンクを貼る方法があるそうです。
下の画像は一枚の写真ですが、丸や三角、四角又多角形にそれぞれリンクを入れてあります。











タグは以下の通りです。
ーーーーーーーーーーーーーーーーーーーーーーーー
<IMG src="talink.jpg" width="400" height="300" border="1" usemap="#mapID"><BR>
<MAP name="mapID">
<AREA shape="poly" coords="197,9,382,106,350,142" href="http://www.yahoo.co.jp/" title="三角-Yahoo!">
<AREA shape="poly" coords="171,199,245,125,353,176,341,253,243,292" href="http://blog.fc2.com/" title="五角形-FC2ブログ">
<AREA shape="rect" coords="38,185,142,271" href="http://blog2.fc2.com/dreamy/" title="四角形-MyBlog">
<AREA shape="circle" coords="86,88,62" href="http://www.google.co.jp/" title="円-Google"></MAP>
ーーーーーーーーーーーーーーーーーーーーーーーー
形が円の時は
・cirle:円の中心のx座標, y座標, 円の半径
四角の時
・rect:四角形の左上のx座標, y座標, 四角形の右下のx座標, y座標
多角形の時
・poly:多角形のすべての点のx座標, y座標を交互に記述

ということでやってみました。面白かったです。
街の地図などに適していますね。



1枚の画像に複数のリンクを貼る/2008/06/04 17:22/[html] html/ トラックバック(0)/ comment(0)

comment

投稿















管理者にだけ表示を許可する

trackback

trackback url ↓

http://dreamy.blog2.fc2.com/tb.php/104-52122a81


| ホーム |

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。