画像上に座標指定でリンクする範囲を指定(クリッカブルマップ)




長方形の指定

<img src="◆" usemap="#☆">
<map name="☆">
<area shape="rect" coords="x1,y1 x2,y2" href="..." alt="...">
</map>
◆=画像URL
☆=マップの名前を付ける

四角形の範囲を指定します。対角にある2点(x1,y1),(x2,y2)の座標で指定します。

-使用例-



ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
↓一つの画像ですよ。


タグの絵本ヤフーへ


円の指定

<img src="◆" usemap="#☆">
<map name="☆">
<area shape="circle" coords="x,y r" href="..." alt="...">
</map>
◆=画像URL
☆=マップの名前を付ける
x,y=円の中心部座標
r=円の半径

-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)

工事中
n角形の指定

<img src="◆" usemap="#☆">
<map name="☆">
<area shape="poly" coords="x1,y1 x2,y2 x3,y3...xn,yn" href="..." alt="...">
</map>
◆=画像URL
☆=マップの名前を付ける
x,yにはそれぞれ角の分だけ頂点を指定。

-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)

工事中










Copyright (C) 2006 タグの絵本 All rights reserved.
index「タグの絵本」