<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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
サムネイルクリックで、画像を...
-
画像クリックでクリップボード...
-
「DecareステートメントにPtrSa...
-
拡張子無しで画像を表示したいです
-
カメラで撮影した画像をOpenGL...
-
複数のボタンで1つのエリアに...
-
アルバムをめくるように、画像...
-
スライドショーの上にロゴマー...
-
IEでのalt属性ポップアップ表示...
-
altとtitle
-
崩れたレイアウトが更新すると...
-
クリッカブルMAP領域が分かる様...
-
onmouseoverに複数の命令を書き...
-
CSSなどでHTML全体の表示を拡大...
-
tifファイルが表示されない
-
FC2ショッピングカートのカスタ...
-
WEBサイトの一部コンテンツがス...
-
クリックしても、リンクに飛ば...
-
右クリック禁止が効かないのですが
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
クリックしても、リンクに飛ば...
-
HTMLにQRコードを挿入する方法
-
ボタンを押したままにする。
-
スライドショーの上にロゴマー...
-
画像クリックでクリップボード...
-
背景が透明なリンクボタンで、...
-
form以外でのpostってできますか?
-
pngやjsの後ろの英数字の意味は...
-
クリッカブルMAP領域が分かる様...
-
スマホで、画像をクリックする...
-
期間ごとに画像表示を切り替え...
-
バナーの貼り方とバナーにリン...
-
予約語の表示について
-
HTML上の画像を結合する方法が...
-
タイトルバーに画像を入れるHTM...
-
画像欄にバツ印が・・・
-
アドレスがあっているのにバナ...
-
<area></area> 部分にボーダー...
-
CSSなどでHTML全体の表示を拡大...
おすすめ情報