- ベストアンサー
ランダム画像&マウスオーバーで画像切り替え
- ランダムな画像を表示し、マウスオーバーで画像を切り替える方法について知りたいです。
- 外部JSファイルにランダム画像表示とマウスオーバーでの画像切り替え機能を実装したいです。
- ランダムに表示する画像とマウスオーバーで別の画像に切り替わる方法を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
以下のコードを参考にしてみてください。 ------------------------------------------------------------ test.html ------------------------------------------------------------ <html> <head> <title>test.html</title> <script src="test.js" type="text/javascript"></script> </head> ... ------------------------------------------------------------ test.js ------------------------------------------------------------ //ランダムにgazouを表示 img = new Array(); img[0] = "gazou1.jpg"; img[1] = "gazou2.jpg"; img[2] = "gazou3.jpg"; img[3] = "gazou4.jpg"; img[4] = "gazou5.jpg"; img[5] = "gazou6.jpg"; n = Math.floor(Math.random()*3); m = n+3; document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>");
お礼
ご丁寧にありがとうございます。 もう少し自分で勉強してみます。