クリッカブルマップのご利用方法
●以下の3つのファイルを使います。
*.html(画像ファイルを含むHTMLファイル)
*.gif(クリッカブルマップにしたい画像ファイル)
*.map(MAPファイル)
(*は任意です。)
・.htmlファイルへの書き方
<a href ="*.map"><img src
="*.gif" ISMAP></a>
・.mapファイルの書き方
リンクする領域を含む*.mapのASCIIテキストファイルを作成します。
MAPファイルの各行はクリックできる領域を定義します。
指定する図形 URL (X,Y)座標 (X,Y)座標の順です。
●指定する図形について
|
図形
|
説明
|
|
point
|
イメージファイルでクリックされる点を指定します。 |
|
circle
|
円を指定します。
円の中心と円周の一点の座標を指定してください。 |
|
rect
|
四角形を指定します。
四角形の左上と右下の座標を指定してください。 |
|
poly
|
100辺までの多角形を指定します。
(x,y)が最初の座標に繋がって多角形が閉じられます。 |
|
default
|
何も定義されていない領域がクリックされたときにジャンプするURLを定義します。
MAPファイルでpointを使用した場合defaultが使用されることはありません。 |
●MAPファイルの例
MAPファイルを保存するとき拡張子は.mapとしてください。
#Sample map file image
#
# 円の場合
circle http://www.alles.or.jp/usr_homepage/usrmain.html
42,75 25,50
#
#四角形の場合
rect http://www.alles.or.jp/info.html 100,25
158,120
#
#多角形の場合
poly http://www.alles.or.jp/usr_homepage/usrmain.html
196,38 219,80 269,54 282,121 197,37
#
#点の場合
point http://www.alles.or.jp/info.html 333,77
#
#defaultの場合
default http://www.alles.or.jp/usr_homepage/usrmain.html
#
●FTPについて
*.htmlと*.gifと*.mapの3つのファイルをFTPにてputしてください。
|
