イメージマップ内での画像の変更【HTML・CSS・Java】

質問

<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

karakara24 · ベストアンサー

まず先に、ウェブで使用する画像はjpgかgif形式を推奨いたします。
（bmpはウィンドウズの保存形式であると共に画像自体が重いため）

イメージマップの中にロールオーバーをする方法は存じ上げません。
ですが、イメージを分割し、ロールオーバーしたい部分だけ画像を二種類（オンとアウト）用意してＣＳＳなりＴＡＢＬＥなりでレイアウトすればいいかと思います。（※参考ＵＲＬをご参照ください）
この場合、ロールオーバー部分以外のリンクをかけたい部分にアンカータグを書いてあげてください。

また、ＴＡＢＬＥ内の背景に直接リンクをかける事は不可能だと思います。背景を設定したＴＡＢＬＥ内に透明gifを任意のピクセルで指定してあげ、その透明gifにリンクをかければ背景をクリックしてるように見せかける事は可能です。

説明が下手で申し訳ないです。ご参考になれば幸いです。

参考URL：

http://www.k2.dion.ne.jp/~marchan/tips/useful/rollover.html

お礼

karakara24様☆

お答えありがとうございます(*'v'*)
天才ですね( *´ω`)(´ω｀*)
透明GIFとは考え付きませんでしたｖ(。・・。)

それとbmpはいつもつかってりません☆気に留めていただき感謝します(*゜▽゜)*。_。)*゜▽゜)*。_。)