イメージマップを使用している画像のロールオーバー、できる？

質問

こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。

さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか？

お分かりの方、回答いただけると助かります。
よろしくお願いします。m(_ _)m

回答No.1

BLUEPIXY · ベストアンサー

一部だけを差し替えるというのはできないと思います。
同じような効果として、一部を置き換えた画像にまるごと置き換えるか
一部に部分画像を上にかぶせて表示するというようなことになるかと思いますが、位置合わせは、ブラウザによってずれてしまうことがよそうされるので、丸ごと置き換えるのが簡単です。

補足

こんにちは、回答ありがとうございます。

確かに一部というのは難しいですね。
一部だけを差し替えた画像全体を作成しようかと思います。

ですが、やはりソース的には一部にマウスが乗ると差し替える、というプログラムになると思うのですが、これはどのように実現したらよいのでしょうか？

ちなみに一枚の画像に3箇所リンクが貼ってあります。

回答No.2

BLUEPIXY

普通に画像を差し替える方法自体はわかっているのですよね。
それで、イメージマップの時にどうして呼び出すかという話ですよね。
多分、リンクの部分が
<AREA SHAPE="poly" COORDS="57,6,5,106,107,106" HREF="link1.html" >
のようになっていると思いますが、
<AREA SHAPE="poly" COORDS="57,6,5,106,107,106" HREF="link1.htm" onmouseover="imgChange()">
のように指定して画像を置き換える関数を呼び出してやればいいと思います。

お礼

返事が遅くなってしまってすみません。
回答ありがとうございました。

補足

たびたびの回答ありがとうございます。m(_ _)m

はい、普通にロールオーバーの方法は知っています。
area shapeの中にonmouseoverが指定できるんですね～。
以前やってみたんですができなかったので、できないものだと思っていました。。たぶんそのときはスペルミスなどだったのでしょうね(^-^;

早速試してみます！