オンマウスで、画像切り替え＋別箇所の画像も同時に切り替えられのでしょうか？

質問

お世話になっております。
もしJavascriptのカテゴリーと違うものでしたらすみません。

オンマウスにて画像を切り替えるJavascriptがあるのは存じておりますが、
オンマウス時にそのような画像切り替えをすると同時に
別部分にある画像エリアの画像、（もしくはHTML）も切り替える事は可能なのでしょうか。
別々に切り替え設定をすることは出来そうですが、同時に切り替えが出来るものなのかと思いまして、今回質問させて頂きました。

何ぶんよくわかっていないもので説明不足な点も多いかと思いますが、何卒宜しくお願い致します。

回答No.2

yambejp · ベストアンサー

やり方はいろいろ考えられます。
手っ取り早いのはidを振ってsrcを変えてしまうことでしょう。
その他グルーピングしたり、スタイルシートを併用したり
いろいろありそうですが、まぁフロー的にはそんなに変わりません

<img src="1.jpg" onmouseover="this.src='3.jpg';document.getElementById('another').src='4.jpg'" onmouseout="this.src='1.jpg';document.getElementById('another').src='2.jpg'" ><img src="2.jpg" id="another">

お礼

御礼が大変遅くなりまして、申し訳ございません！
ご教示頂いた方法で、希望していた動作が出来ました。本当に助かりました！
有り難うございます。
さらに勉強を積んで行きたいと思います。

回答No.1

aleister

下記URLを参考にしたらどうでしょうか？？

http://copicopi.com/onmousepic.html

参考URL：

http://copicopi.com/onmousepic.html