オンマウスで2箇所の画像を変えたい

質問

似た内容の質問をいくつか拝見したのですが、どうしても解決できず…よろしくお願いいたします。

□　←画像Ａ
-----------
□　←画像Ｂ
□　←画像Ｃ
□　←画像Ｄ
　　・（以下同型のものが複数）
　　・

とある時に、
画像Ｂをオンマウスで画像Ａ→画像A-1、かつ、画像Ｂ→画像Ｂ’
画像Ｃをオンマウスで画像Ａ→画像A-2、かつ、画像Ｃ→画像Ｃ’
画像Ｄをオンマウスで画像Ａ→画像A-3、かつ、画像Ｄ→画像Ｄ’

となるようにしたいのです。
関係ないかもしれませんが、画像Ｂ～はリンクになっていて、他ページへ飛ぶようになっております。
皆様、どうかよろしくお願いいたします。

回答No.1

yambejp · ベストアンサー

たとえば画像Ｂのところに
<img src="画像Ｂ.jpg" onmouseover="document.getElementById("画像Aのid").src='画像A-1.jpg';this.src='画像Ｂ’.jpg'">
って感じにすればよいでしょう

お礼

返答ありがとうございました！
上述のソースで２枚の画像を表示するところまではできたのですが、マウスアウトした時に、その画像が残ったままになってしまいます。
マウスアウト時はデフォルトの画像に戻って欲しいのですが…。
質問時にそのことを書かずに申し訳ありません。
よろしくお願いいたします。

補足

↓すいません、補足ではなくお礼の所に書き込んでしまいました。
その後、マウスアウト時の処理もできるようになりました！（よく調べずに書き込んでしまいまいして申し訳ありません）
大変ありがとうございました、助かりました！