超初心者のホームページ作成 by atom
| 検索 | 全表示 |  【解説ページ入力用】  | ヘルプ | 新規 |  no.14


 ■ 7.クリッカブルマップ(イメージマップ)って何ですか? 

########################################################
この説明は、予yen備知識ではないのですが、忘れるといけないので
あえてここに記述しています。
########################################################

簡単にいうと、画像の中にリンクを埋め込む方法です。

クリッカブルマップとかイメージマップと呼ばれます。
画像の一部分を範囲選択してリンクを貼yenり付ける方法です。
《HTMLの扉》では説明を省きました。

簡単に説明すると、

<img src="画像のファイル名" usemap="#マップの名前">
<map name="マップ名">
<area shape="形" coords="座標" href="リンク">
<area shape="形" coords="座標" href="リンク">
<area shape="形" coords="座標" href="リンク">
</map>

という具合で、形にはrect(四角形)、circle(円)、poly(多角形)を指定し、座標にはrectの場合は対角線の両座標、circleの場合は中心の座標と半径、polyの場合は複数の座標を指定します。

具体的な記述サンプルは、次のような感じになります。

<IMG src="image01.gif" border="0" usemap="#map01">
<MAP name="map01">
<AREA shape="rect" coords="10,5,30,25" href="page1.shtm">
<AREA shape="circle" coords="63,20,10" href="page2.shtm">
<AREA shape="default" nohref>
</MAP>

また、あえてマップを使用しなくても、表yen組みを使用して画像を並べていくという方法で実現するという手もあります。
no.7 [追記] [訂正] [削除]


前頁|最初|次頁
この入力フォームは管理者しか投稿できません。
このフォームのレイアウトは、ie5.5で確認しています。
タイトル  レスno:[]
内 容
文字色
url
画像url
訂正キー (英数字で8文字以内。記事を訂正・削除するときに使用します。)


↑ページトップへ
page update:
-skin board- <atom>