- ベストアンサー
マウスオーバーで画像の切替でタイマーをつけるには？
- マウスオーバーで画像の切り替えができる方法を教えてください。
- マウスオーバーした画像が1分間表示された後、元の画像に戻る方法を教えてください。
- 画像の切り替えにタイマーを設定して、マウスアウト後に一定時間表示する方法を教えてください。
- dream_cats
- お礼率68% (26/38)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
これではどうでしょう？ チェック用に2秒後に変わります。 setTimeout( "changeimage()", 2000 ) ; の2000がミリ秒です。 60000にすれば、1分後になります(多分) <html> <head> <script type="text/JavaScript"> <!-- //多重設定防止フラグ var flag=0; //タイマ設定 function settimer(){ if(flag==0){ flag=1; setTimeout( "changeimage()", 2000 ) ; } } //画像変更 function changeimage(){ flag=0; document.getElementById("aaa").src='img1.gif'; } //--> </script> </head> <body> <img name="aaa" src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="settimer();"> </body> </html>
その他の回答 (1)
- fumufumu_2006
- ベストアンサー率66% (163/245)
あで、 前のに間違いがありました。 <img name="aaa" src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="settimer();"> は間違いで、 <img id="aaa" src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="settimer();"> です。 document.getElementById("aaa").src='img1.gif'; で呼んでいるから、前のはおかしいはずなんだけど、動いているなぁ・・・
お礼
nameをidに変えたらfirefoxでもネスケでも動きました。 有り難うございました。
お礼
早速の回答有り難うございます。 IE6ではタイマーが効くのですが、firefox2.0とネットスケープで確認したところ、タイマーが効きませんでした。 IE以外でも動くようにするにはどうしたらいいでしょうか？