マウスオーバーで画像の切替でタイマーをつけるには？

解決済

質問者：dream_cats
質問日時：2007/09/13 14:17
回答数：2件

<html>
<head>
<script type="text/JavaScript">

</script>
</head>
<body>
<img src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'">
</body>
</html>
例えば上記のようなソースでimg1の画像にマウスオーバーでimg2に画像が入れ替わるのですが、
マウスアウトした時に、すぐimg1の画像に戻るのではなく、img2の画像を1分くらい出して
その後img1に入れ替わるようにしたいのですが、どうしたらよいでしょうか？
教えてください。よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fumufumu_2006
回答日時：2007/09/13 16:09

これではどうでしょう？

チェック用に2秒後に変わります。
setTimeout( "changeimage()", 2000 ) ;
の2000がミリ秒です。
60000にすれば、1分後になります(多分)

<html>
<head>
<script type="text/JavaScript">


</script>
</head>
<body>
<img name="aaa" src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="settimer();">
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

早速の回答有り難うございます。
IE6ではタイマーが効くのですが、firefox2.0とネットスケープで確認したところ、タイマーが効きませんでした。
IE以外でも動くようにするにはどうしたらいいでしょうか？

通報する

お礼日時：2007/09/13 18:33

No.2

回答者： fumufumu_2006
回答日時：2007/09/13 17:24

あで、

前のに間違いがありました。

<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';
で呼んでいるから、前のはおかしいはずなんだけど、動いているなぁ・・・