イメージマップの作成


イメージマップは特定の領域をクリックすると指定されたURLにリンクすることができるグラフィックイメージです。イメージ上の領域は図形と座標により定義します。ここではクライアントサイド・クリッカブルマップ(CSIM(Client-Side Image Map))と呼ばれるHTML文書内部に記述方式について説明します。ただし、ブラウザによっては扱うことができない場合があるので注意して下さい。

<IMG src="画像ファイル名"usemap="#マップ名">
<MAP name="マップ名">
マップ名を指定する。
<AREA shape="形状" coords="座標" href="リンク先ファイル名" alt="コメント"> 【形状と座標の記述方法】
shape coords
四角 rect 左上(X座標、Y座標)右下(X座標、Y座標)
circle 中心(X座標、Y座標)半径
多角形 poly X座標、Y座標X座標、Y座標X座標、Y座標X座標、Y座標・・・・・

【コメント】
指定しなくても構いません
</MAP> <MAP>を閉じます。

●座標の記述方法

座  標
ソース表示
<IMG src="press.gif"usemap="#MAP">
<MAP name="MAP">
<AREA shape="rect" coords="0,0,67,48" href="back.html" alt="戻る">
<AREA shape="circle" coords="88,104,36" href="index.html" alt=ホーム">
<AREA shape="poly" coords="125,12,125,59,173,59,199,35,173,12" href="go.html" alt="すすむ">
</MAP>


◆戻る