A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
いめーじようそは、いんらいんがたなので、ぶろっくようその
なかに。
いちは、すたいるしていで。
じかんは、setTimeoutで。
かんすうaddImageに、setTimeoutでつかうかんすうを
つくらせ、さらにそれをとうろくして、じっこうするだけの
じょうたいのものをかえさせる。
したは、へんすうgにそれをだいにゅう。
それをじかんをずらして、じっこう。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>TEST</title>
<body>
<p>
<img src="1.gif" width="600" height="600">
</p>
<script type="text/javascript">
var addImage = function ( src, alt, title, wait, x, y ) {
var p = document.createElement( 'div' );
var img = document.createElement( 'img' );
var s = img.style;
img.alt = alt;
img.title = title;
s.position = 'absolute';
s.top = (y|0) + 'px';
s.left = (x|0) + 'px';
p.appendChild( img );
var view = function( ) {
document.body.appendChild( p );
};
return function ( ) {
setTimeout( view, wait );
};
};
var imgsrc = './img/0.gif';
for(i = 0; i<36 ; i++ ) {
var px = 300 + Math.sin( i * 3.14159 / 18 ) * 250;
var py = 300 - Math.cos( i * 3.14159 / 18 ) * 250;
var g = addImage( imgsrc, '*', '', 2000 + i * 100, px, py );
g();
}
</script>
No.2
- 回答日時:
一番簡単(?)な例を。
重なっていて非表示になっている画像を、javascriptでn秒後に表示させているだけという方法です。
<html>
<head><title>test</title>
<script type="text/javascript">
function test(n) {
setTimeout(function() {
document.getElementById('target').getElementsByTagName('IMG')[1].style.display = 'block';
}, n*1000);
}
</script>
</head>
<body>
<div style="position:relative;" id="target">
<img src="A.jpg" alt="testA">
<img src="B.jpg" alt ="testB" style="position:absolute; top:0; left:0; display:none;">
</div>
<p>
2秒後に表示<br>
<input type="button" value="test" onclick="test(2);">
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavaScriptでゲームプログラミングをしています。 次のように画像に動きをつけたいのですが、ど 1 2022/09/29 20:06
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- その他(恋愛相談) 出会いアプリの写真掲載 拾い画像はダメ? 1 2023/01/04 12:36
- Excel(エクセル) ある文字を含む際に、値を返す数式についてです 5 2022/08/28 16:58
- その他(悩み相談・人生相談) 点鼻薬の明記について。 こちらの画像の内容をどう解釈されますか? また、補足にも画像を載せますが、補 3 2023/02/10 08:08
- iCloud iCloudのストレージを減らしたい...。 5 2022/08/09 20:20
- Excel(エクセル) エクセル VBA セルの結合 2 2022/09/07 11:48
- Excel(エクセル) ある数値に対して、値を返す数式についてです 2 2022/09/13 22:06
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- その他(gooサービス) 教えてGOOは画像添付やめたんですかね?出来なくなっていますよね?表現の自由がなくなりました。アプデ 1 2023/05/29 19:13
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
imgのsrcに値を設定するには
-
jQueryで画像を重ねる
-
JAVAで画像をボタンで切り替え...
-
this.src等のthisについて
-
MAX関数を使ってからLEFT JOIN...
-
textareaに画像を表示したい
-
javascriptでEnterキーをtabキ...
-
MFCで画像を表示させているので...
-
jspでcssが読み込めない
-
jQuery多層式アコーディオンメ...
-
外部ファイルにしたら文字化け...
-
gridstack.jsについて教えてく...
-
画像ランダム表示、しかしダブ...
-
表示・非表示のスクリプトで、...
-
複数bxsliderをタブで切り替え...
-
外部javascriptの重複を防ぐには
-
C言語のポインタ表現
-
1行で左寄せと右寄せと中央揃え...
-
スワップイメージが上手く動作...
-
テキストエリア内の一部の文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の座標位置取得
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
jQueryで画像を重ねる
-
this.src等のthisについて
-
画像の下に説明文をつけて切り...
-
JAVAで画像をボタンで切り替え...
-
画像をクリックすると別ウイン...
-
複数の画像の中から複数の画像...
-
クリックで次の画像へ
-
画像アップロードしたい
-
画像をクリックして変数に値を代入
-
imgのsrcに値を設定するには
-
jQueryでサーバー上のファイル...
-
複数のバナーをリロードする度...
-
タイマーをデジタル時計風にす...
-
divの背景画像を、徐々に表示さ...
-
スマートな外部javaでロールオ...
-
連番画像「次へ」「前へ」で、...
-
アンケート型のホームページの...
おすすめ情報