トップ ＜ 応用編
イメージマップ <MAP>
クライアントサイドクリッカブルマップ

画像のどの部分をクリックしたら、どのファイルにジャンプするかを設定するためのタグです。ひとつの画像内で、複数のリンクを設定することができます。


<MAP NAME="マップ名">

  <AREA SHAPE="エリアの形" COORDS="座標" HREF="リンク先">
※SHAPE rect=四角形　circle=円形　poly=多角形

  <AREA SHAPE="rect" COORDS="左上x, 左上y, 右下x, 右下y" HREF="リンク先">
  <AREA SHAPE="circle" COORDS="中心x, 中心y, 半径" HREF="リンク先">
  <AREA SHAPE="poly" COORDS="Ax, Ay, Bx, By, Cx, Cy..." HREF="リンク先">
</MAP>

<BODY>
    <IMG SRC="URL" USEMAP="#マップ名">
※この画像がマップの対象になります。
</BODY>




イメージマップサンプル

0,0 x
y マップサンプル


<MAP NAME="sample">
    <AREA SHAPE="circle" COORDS="85,54,35" HREF="title.html">
    <AREA SHAPE="rect" COORDS="14,98,85,140" HREF="tag.html">
    <AREA SHAPE="poly" COORDS="96,98,176,98,195,117,176,140,96,140" HREF="advanced.html">
</MAP>

<BODY>
    <IMG SRC="imgs/map.gif" WIDTH=225 HEIGHT=164 USEMAP="#sample" BORDER=0>
</BODY>






テーブル | フレーム | イメージマップ

トップ | 基礎編 | 応用編 | 実践編 | ステップアップ | 付録