プロが教えるわが家の防犯対策術!

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

□ ←画像A
-----------
□ ←画像B
□ ←画像C
□ ←画像D
  ・(以下同型のものが複数)
  ・

とある時に、
画像Bをオンマウスで画像A→画像A-1、かつ、画像B→画像B’
画像Cをオンマウスで画像A→画像A-2、かつ、画像C→画像C’
画像Dをオンマウスで画像A→画像A-3、かつ、画像D→画像D’

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

A 回答 (1件)

たとえば画像Bのところに


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

この回答への補足

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

補足日時:2008/06/05 16:12
    • good
    • 0
この回答へのお礼

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

お礼日時:2008/06/05 16:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!