![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<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件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
クリッカブルマップ作成は、時間がかかるので私の場合は、ソフトを使用しています。
フリーソフトの「Map Marker AZUKI」を使用しています。
無料だし、タグをまちがえる心配もない。タグを打たなくても簡単にできます。
すべてクリッカブルマップができたら下にタグが表示されていますので、それをコピーしてサイトのタグの貼り付けたいところに貼り付ければオッケーです。
vecterなどのソフト配布サイトに行って、検索をすればたぶん一発で出ます。
No.2
- 回答日時:
先の方の回答の通りです。
IMGタグの中で幅と高さを100%に指定しているのは、ブラウザのウィンドウサイズに対しての相対値です。
ですから、ブラウザウィンドウの大きさが変われば画像の表示サイズも相対的に変わってしまうのです。
解決案:
相対寸法ではなく、ドット数で画像イメージの寸法を指定すれば常に画像の同じ位置でクリックできます。
画像をクリックしたい部分が得られるまで分割して、表示する。(クリッカブルマップじゃなくなるか・・・)
あくまで任意サイズでという事になれば、開いているウィンドウの大きさを得て、それに応じたクリッカブル
座標を設定できるような動的なHTMLを生成する方法が必要でしょう。(方法は色々あると思います。)
No.1
- 回答日時:
クリックできる位置は変わっていないと思います。
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)とブラウザ(バージョンも)を教えていただけますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カウンターのHTMLソースを教え...
-
<area></area> 部分にボーダー...
-
予約語の表示について
-
正規表現でリンクタグを削除す...
-
バルーン(?)表示の仕方(ボ...
-
画像の上に画像を重ねるタグは?
-
文字列とか画像にカーソルが行...
-
gooからHOOPS!に移行してきたも...
-
画像の隣に文字を打ちたい
-
画像ファイルを使ってお気に入...
-
画像をクリックで拡大する設定方法
-
リンクタグの枠線だけを消すタ...
-
gooの無料ホームページへアップ...
-
リンクで包括している画像とテ...
-
バナ―広告
-
バナーのURLについて
-
xhtmlで画像が表示されない
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
サムネイル(画像)をクリックす...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
崩れたレイアウトが更新すると...
-
リンクの上にマウスカーソルを...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報