8.1.ユーザーサイド・クリッカブルマップ


 1枚のイメージの中に複数の領域を設定し、そこにリンクをはったものを「クリッカブルマップ」といいます。
 クリッカブルマップを実現するには次の2つの方法があります。

 ユーザーサイド・クリッカブルマップは<IMG><MAP><AREA>を用いて次のように記述します。

<IMG SRC="chapt8a1.gif" BORDER=0 USEMAP="#world1">−−@
<MAP NAME="world1">−−A
<AREA SHAPE="rect" COORDS="27,41,100,80" HREF="chapt8a.htm" >−−B
      :
      :
      :
</MAP>

@ chapt8a1.gif というイメージをロードし、<MAP>タグに対応する名前として "world1" を付ける。(先頭には # をおく)
 BORDER=0 を指定すると、イメージホットテキストであることを示す枠線を消すことができます。

A <MAP>・・・</MAP>で囲まれた範囲で使用するマップを "world1" とする。

B リンクを設定する領域として四角 "rect" の (27,41)−(100,80) の範囲設定をする。
 メージ左上隅を (0,0) とするピクセル値で指定。
 

 指定する領域の形状はSHAPEアトリビュートで指定し、"rect" の他に次のものがあります。

円の領域 SHAPE="circle" COORDS="x,y,r"

多角形の領域 SHAPE="polygon" COORDS="x1,y1,x2,y2,・・・・・,xn,yn"

目次へ戻る次へ索引へ