• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ランダム画像&マウスオーバーで画像切り替え)

ランダム画像&マウスオーバーで画像切り替え

このQ&Aのポイント
  • ランダムな画像を表示し、マウスオーバーで画像を切り替える方法について知りたいです。
  • 外部JSファイルにランダム画像表示とマウスオーバーでの画像切り替え機能を実装したいです。
  • ランダムに表示する画像とマウスオーバーで別の画像に切り替わる方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.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]+"'>");

19780405
質問者

お礼

ご丁寧にありがとうございます。 もう少し自分で勉強してみます。

関連するQ&A