画像上に座標指定でリンクする範囲を指定(クリッカブルマップ)
長方形の指定
<img src="◆" usemap="#☆">
<map name="☆">
<area shape="rect" coords="x1,y1 x2,y2" href="..." alt="...">
</map>
◆＝画像URL
☆＝マップの名前を付ける
四角形の範囲を指定します。対角にある２点(x1,y1),(x2,y2)の座標で指定します。
-使用例-
ソース （テスト書き込み可）
<html> <head> <title>あなたのホームページ</title> </head> <body> ↓一つの画像ですよ。 <BR><BR><BR> <IMG src="rect.png" width="300" height="300" border="0" usemap="#1"> <map name="1"> <area shape="rect" coords="100,50 250,200" href="http://site-html.com/" alt="タグの絵本"> <area shape="rect" coords="0,0 300,300" href="http://www.yahoo.co.jp/" alt="ヤフーへ"> </map> </body> </html>
あなたのホームページ
- 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「タグの絵本」
長方形の指定
あなたのホームページ - Internet Explorer