- 締切済み
マウスオーバーで複数の画像を変換したい
ひとつの画像の上にマウスが来たときに、その画像が外の画像に変わるのはわかるんですが、複数の画像の変換の仕方がわかりません。 例えば、|img1|img2|img3|img4|と画像が並んでいる時、img1の上にマウスが来たときに img2・3・4の画像が一緒に変わるようにしたいのですが・・・・。 過去の質問を見てもなかったので困っています。誰か助けてください！！！
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ittochan
- ベストアンサー率64% (2667/4137)
間に合わせですが、どうでしょう。 <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> <!-- function ig_onmouseenter() { ig1.src="img5.jpg"; ig2.src="img5.jpg"; ig3.src="img5.jpg"; ig4.src="img5.jpg"; } function document_onmouseover() { ig1.src="img1.jpg"; ig2.src="img2.jpg"; ig3.src="img3.jpg"; ig4.src="img4.jpg"; } //--> </SCRIPT> <SCRIPT LANGUAGE=javascript FOR=document EVENT=onmouseover> <!-- document_onmouseover() //--> </SCRIPT> </HEAD> <BODY> <P> <IMG id=ig1 src="img1.jpg" LANGUAGE=javascript onmouseenter="return ig_onmouseenter()"> <IMG id=ig2 src="img2.jpg"> <IMG id=ig3 src="img3.jpg"> <IMG id=ig4 src="img4.jpg"> </P> </BODY> </HTML>
補足
即レスありがとうございます。ちゃんと動きました。 さらにお願いしたいんですが、|img1|img2|img3|img4|のうち、img1の上にマウスが来たらimg2・3・4、 img2の上に来たらimg1・3・4、img3の上に来たら・・・・の様にはできないでしょうか？ たびたびすいませんが、お願いしますm(_ _)m