オンマウスで離れた画像が変わる。

質問

HPを作っているのですが、Aの画像にマウスを乗せたときに、そのAの画像が変化することは出来るのですが、

『Aにマウスを乗せたとき、少し離れたところにあるBの画像が変化する』

と、言うようなことはどのようにすれば出来るのでしょうか？

また、『A1、A2、A3と、マウスを乗せるところがあり、変化する画像はBの位置の画像のみ』・・・のようなことは出来ないでしょうか？

上手く説明できないのですが、回答、どうぞよろしくお願いします。

回答No.2

leap_day · ベストアンサー

こんにちは

<script language="JavaScript">
<!--
function SwapImage(img) {
obj = document.getElementById("image");
obj.src = img;
}
//-->
</script>

<img src="./A1.gif" onmouseover="SwapImage('./A1.gif')">
<img src="./A2.gif" onmouseover="SwapImage('./A2.gif')">
<img src="./A3.gif" onmouseover="SwapImage('./A3.gif')">

<img src="./B.gif" id="image" width="100px" height="100px" border="1">

という感じになるかと思います

お礼

お返事遅くなってすいません。

色々応用した結果、おかげさまで上手くいきました！

丁寧にタグまで張ってくださって、ありがとうございます

回答No.1

maxmixmax

Ｂの画像を　name="Ｂ"　で指定してあげて
Ａ１、Ａ２には
onMouseOver="if(document.images)『Ｂ』.src='『変わった後の画像』'"
これでなるかな？

お礼

お返事遅くなってすいません。
解説有難うございます。なんとか出来ました。