![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<img src="imagemaptest.bmp" usemap="#imagemaptest" border="0">
<map name="imagemaptest">
<area shape="rect" coords="152,167,359,451" href="***.html">
このようなタグでイメージマップを作成します。
そしてcoords="152,167,359,451"で指定したリンクにマウスオンした時に画像を変更する事は可能でしょうか?簡単に言うと画像の中のリンクにマウスを当てると指定した部分だけ画像が変更される方法です。
また、 background="test.jpg"でTABLE内に背景を指定し、その背景にリンクを張ることはかのうでしょうか?
おわかりになる方、お教え下さい(・・*)JavaでもCSSでもかまいません☆
No.1ベストアンサー
- 回答日時:
まず先に、ウェブで使用する画像はjpgかgif形式を推奨いたします。
(bmpはウィンドウズの保存形式であると共に画像自体が重いため)
イメージマップの中にロールオーバーをする方法は存じ上げません。
ですが、イメージを分割し、ロールオーバーしたい部分だけ画像を二種類(オンとアウト)用意してCSSなりTABLEなりでレイアウトすればいいかと思います。(※参考URLをご参照ください)
この場合、ロールオーバー部分以外のリンクをかけたい部分にアンカータグを書いてあげてください。
また、TABLE内の背景に直接リンクをかける事は不可能だと思います。背景を設定したTABLE内に透明gifを任意のピクセルで指定してあげ、その透明gifにリンクをかければ背景をクリックしてるように見せかける事は可能です。
説明が下手で申し訳ないです。ご参考になれば幸いです。
参考URL:http://www.k2.dion.ne.jp/~marchan/tips/useful/ro …
karakara24様☆
お答えありがとうございます(*'v'*)
天才ですね( *´ω`)(´ω`*)
透明GIFとは考え付きませんでしたv(。・・。)
それとbmpはいつもつかってりません☆気に留めていただき感謝します(*゜▽゜)*。_。)*゜▽゜)*。_。)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 差し込み画像にをcssで大きさ指定したい 1 2022/11/23 23:14
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
HP作成 作成した画像を動画の上...
-
DirectXで画像表示
-
WEB上でディレクトリ内の画像を...
-
Googleマップの埋め込みで上部...
-
background-sizeの背景で最小値...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
半透明のtable、画像は透過した...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
画像の背景消しのeps保存について
-
アイコンの背景を透過させたい
-
画像を2枚ずつ表示できるビューワ
-
ViXの全画面表示で画像が画面一...
-
ゆっくりムービーメーカー4で、...
-
テーブル内の画像がずれてしま...
-
UWSCについて
-
たくさんのjpgファイルをスクロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
【至急お助け!】チェックボッ...
-
画像とその下にあるテキストの...
-
iframe内をクリックさせない方...
-
【Webサイト】画像が小さく表示...
-
同じ画像 複数回使用
-
htmlかcssで背景の白い枠をなく...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeの背景で最小値...
-
background-sizeでcontainする...
-
lightbox2で画像を天地左右中央...
-
コーディング中、右側に謎の余...
-
画像上に文字を表示するとiPhon...
-
LightBoxの矢印の出し方
-
背景画像をリピートさせない方...
-
CSSで背景画像をランダムに表示...
-
フッターの背景に色を指定した...
-
ページの上下に白い横線が入る
おすすめ情報