dポイントプレゼントキャンペーン実施中!

<html>
<head>
</head>
<body>
<img src="New_Index.jpg" width="100%" height="100%" border=0 alt="toppage" usemap="#index" >

<map name="index" >

<area shape="rect" coords="367,447,667,500" href="http://www.tuat.ac.jp/~yacht" ALT=" sample">

</map>
</body>
</html>

とやると、ブラウザの大きさが変わるたびに、クリックできる位置がかわってしまうんです・・。
常に一定の位置を指すには、座標を指定するしかないんでしょうか?

A 回答 (3件)

クリッカブルマップ作成は、時間がかかるので私の場合は、ソフトを使用しています。


フリーソフトの「Map Marker AZUKI」を使用しています。
無料だし、タグをまちがえる心配もない。タグを打たなくても簡単にできます。
すべてクリッカブルマップができたら下にタグが表示されていますので、それをコピーしてサイトのタグの貼り付けたいところに貼り付ければオッケーです。

vecterなどのソフト配布サイトに行って、検索をすればたぶん一発で出ます。
    • good
    • 0

先の方の回答の通りです。



IMGタグの中で幅と高さを100%に指定しているのは、ブラウザのウィンドウサイズに対しての相対値です。
ですから、ブラウザウィンドウの大きさが変われば画像の表示サイズも相対的に変わってしまうのです。


解決案:
 相対寸法ではなく、ドット数で画像イメージの寸法を指定すれば常に画像の同じ位置でクリックできます。

 画像をクリックしたい部分が得られるまで分割して、表示する。(クリッカブルマップじゃなくなるか・・・)

 あくまで任意サイズでという事になれば、開いているウィンドウの大きさを得て、それに応じたクリッカブル
座標を設定できるような動的なHTMLを生成する方法が必要でしょう。(方法は色々あると思います。)
    • good
    • 0

クリックできる位置は変わっていないと思います。


WINDOWS98 IE5.0ではいつでも画像の左端から367,447の座標と667,500の座標を
結ぶ四角形の中がクリックできています。

たとえば画像の中の「次のページ」と書いた部分に
クリッカブルマップを設定したはずなのに
ブラウザをリサイズすると「次のページ」から外れてしまう、という意味でしたら
<img src="New_Index.jpg" width="100%" height="100%" border=0 alt="toppage" usemap="#index" >
の中のwidth="100%" height="100%"がネックですので、
いつも「次のページ」にリンクを設定するには少々技が必要だと思います。

そういう意味でないのなら、もう少し詳しい状況と
お使いのマシン(OS)とブラウザ(バージョンも)を教えていただけますでしょうか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!