サンプル↓赤い部分に丸いリンクが貼ってあります。
大きな画像の一箇所にリンクを貼りたい！
そんなあなたのご要望にお答えできる素敵な技があります。丸三角四角型リンクなんでもござれ！
サンプル↓赤い部分に丸いリンクが貼ってあります。
まずは画像の座標の調べ方から。
用意した画像をペイントなどで開き、画像の上でカ−ソルを動かします。すると下の方に数値が物凄い速さで変わっている数字が出てきます。
それが座標です。
座標が分かったらタグを記入していきましょう。タグはクリックする形によって指定の仕方が異なります。
どれにも言えることは、座標のXとYは , で区切り、それぞれは半角スペ−スで区切る、という事です。あ、ちなみに背景にはリンクできませんので注意。
area shape="circle"で丸型。と指定しています。
例えばピンクの部分にリンクを貼りたい場合、中心のx座標は40、中心のy座標も40、
でもって円の半径は30なので
と記述する事になります。
area shape="rect"で四角。と指定しています。
例えばピンクの部分にリンクを貼りたい場合、左上のｘ座標は12、左上のｙ座標は11、
右下のｘ座標は68、右下のｙ座標は67なので
と記述する事になります。
area shape="polygon"で多角形。と指定してます。coords="〜〜〜 "の所は、多角形なので各角の座標を書きます。
例えばピンクの部分にリンクを貼りたい場合、
これは三角なので角の座標３つを書く事になります。頂点のｘ座標は46、ｙ座標は23、
左角のｘ座標は19、右下のｙ座標は50、右角のｘ座標は55、右下のｙ座標は59なので
と記述する事になります。＊多角形の場合は、頂点から時計回りで各角を記入して下さい。
ちなみに、丸四角多角形全てに入っている、タグ三段目くらいの<area shape="default" nohref>というのは、 「上で指定した領域以外はどこにもリンクしない」という事を指定しています。全てのリンクの指定の後、一つだけ入れて下さいね。
1枚の画像内に複数のリンクを指定する場合は、<area shape="〜〜">を増やして下さい。
また、違う形のリンクを指定する場合も、同様に<area shape="〜〜">の部分を増やして下さい。 例えば丸型と四角型を一緒に指定する場合は、以下のように書きます。
普通のリンクと同様に、「ターゲット指定」をして下さい。（詳しいことは ターゲット指定のページに書いてあります。）例えば以下のようになります。
・・・・・分かりましたか？
X座標とY座標が曲者だと思います。
ちなみに専用アプリケ−ションもあるようですので解らない人はそれを探してみて下さい。そこまでは私もサポ−ト致しませんあしからず！