![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<html>
<head>
<script type="text/JavaScript">
<!--
imglist = ["img1.gif", "img2.gif"];
preImage = new Array();
for (i=0; i<imglist.length; i++) {
preImage[i] = new Image();
preImage[i].src = imglist[i];
}
//-->
</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に入れ替わるようにしたいのですが、どうしたらよいでしょうか?
教えてください。よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
これではどうでしょう?
チェック用に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>
早速の回答有り難うございます。
IE6ではタイマーが効くのですが、firefox2.0とネットスケープで確認したところ、タイマーが効きませんでした。
IE以外でも動くようにするにはどうしたらいいでしょうか?
No.2
- 回答日時:
あで、
前のに間違いがありました。
<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';
で呼んでいるから、前のはおかしいはずなんだけど、動いているなぁ・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) セル内の一部に別セルを差し込む 3 2022/09/18 04:39
- 工学 制御工学の問題について 1 2022/10/22 17:42
- 工学 制御工学の問題について 1 2022/10/22 11:06
- 経済学 資本移動や価格変動のない次のような固定為替レート・モデルを考える。 C = 10 + 0.8 Y I 3 2022/06/21 20:50
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- 工学 制御工学の問題について 1 2022/10/22 17:44
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
javascriptで複数の画像をラン...
-
「戻る」「進む」ボタンで画像...
-
時間で背景の画像を変更したい...
-
JSPでの画像ファイル表示
-
Excel VBA マクロ 画像(...
-
マウスオーバーで画像の切替で...
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き
-
jQueryでのドラッグアンドドロ...
-
MFCで画像を表示させているので...
-
createElementで作成した要素を...
-
フッター上部に謎の隙間
-
jspでcssが読み込めない
-
どの<li><a> が押されたか判別...
-
スクロール可能なチェックボックス
-
1枚の画像をクリックすると複数...
-
読み込んだQRコードをフォーム...
-
jQueryで特定id以外の下にある...
-
表示・非表示のスクリプトで、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
c++std::string型をTCHARに変換...
-
フォームに入力された値により...
-
javascriptの sx, sy, sw, sh, ...
-
日替わりで画像を変更したい
-
画像ファイルの合成
-
Excel VBA マクロ 画像(...
-
OpenCVを用いたヒストグラムの...
-
ランダムに画像を表示し、ポッ...
-
クリックして変更した画像を他...
-
C言語のポインタ表現
-
「戻る」「進む」ボタンで画像...
-
1つの画像クリックで切替の方法
-
クリックすると小さい画像がキ...
-
ロールオーバーとOnclickで
-
サムネイル画像をマウスオーバ...
-
JavaScriptでボタンをクリック...
-
CGI 16進数をバイナリ-に変換
-
Javascriptで画像を水面のよう...
おすすめ情報