![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.3ベストアンサー
- 回答日時:
ごめんなさい。
最初のとき意図をとりちがえていたようです。ページを読み込んだらすぐに3秒のカウントをはじめていい
んですよね。完全なコードは次のようになります。お試しください。すいませんでした。
<html>
<head>
<script type="text/javascript">
<!--
var pic= new Array('poro1','poro2','poro3')
var num = 0;
var itv = 3000; //間隔、単位ミリセカンド ie. 3000=3sec
function showPic () {
document.images['img'].src = 'image/' + pic[num] + '.jpg';
num++;
if(num > 2) num = 0;
setTimeout('showPic()', itv);
}
//-->
</script>
</head>
<body onLoad="showPic()">
<br>
<img id="img" src="image/poro1.jpg" height="180">
</body>
</html>
No.4
- 回答日時:
既に、回答が出尽くしているので参考までに!
/*
object の画像をパタパタと切り替えることを繰り返す。
-------------------------------------------------------------------
<body onLoad="patapatas(document.img, a_images, 500)">
-------------------------------------------------------------------
*/
function patapatas(object, a_images, duration ,count){
if(count < a_images.length - 1){
count ++;
}else{
count = 0;
}
object.src = a_images[count].src;
var func=function(){patapatas(object, a_images, duration, count)}
setTimeout(func, duration);
}
/*
object の画像をパタパタと切り替えて最後の画像で停止。
-----------------------------------------------------
onclick="patapata(document.main.tv, a_tvs, 500, -1);
-----------------------------------------------------
*/
function patapata(object, a_images, duration ,count){
if(count < a_images.length - 1){
count ++;
object.src = a_images[count].src;
var func=function(){patapata(object, a_images, duration, count)}
setTimeout(func, duration);
}
}
No.2
- 回答日時:
回答したコードで、HTML部分の画像の拡張子を「jpg」
にしてましたね。実際動かしてなかったのですいません
でした。
えっと、お尋ねの件ですが、パスが合ってないだけだと
思います。
document.images['img'].src = '' + pic[num] + '.jpg';
を
document.images['img'].src = 'image/' + pic[num] + '.jpg';
で行くのではと・・・
動かなかったら、またください。
No.1
- 回答日時:
できます。
<html>
<head>
<script type="text/javascript">
<!--
var pic= new Array('red','black','green')
var num = 0;
var itv = 5000; //間隔、単位ミリセカンド ie. 5000=5sec
function showPic () {
document.images['img'].src = '' + pic[num] + '.gif';
num++;
if(num > 2) num = 0;
setTimeout('showPic()', itv);
}
//-->
</script>
</head>
<body onLoad="setTimeout('showPic()', itv);">
<div align=center>
<img id="img" src="red.jpg">
</div>
</html>
この回答への補足
始めの一枚目の絵は出てきましたが2枚目以降がうまくいきませんでした…。原因は何なのでしょうか?3つのファイルporo1,poro2,poro3はimageフォルダの中にあります。imageフォルダとhtmlファイルは同じ階層です。
<html>
<head>
<script type="text/javascript">
<!--
var pic= new Array('poro1','poro2','poro3')
var num = 0;
var itv = 3000; //間隔、単位ミリセカンド ie. 3000=3sec
function showPic () {
document.images['img'].src = '' + pic[num] + '.jpg';
num++;
if(num > 2) num = 0;
setTimeout('showPic()', itv);
}
//-->
</script>
</head>
<body onLoad="setTimeout('showPic()', itv);">
<br>
<img id="img" src="image/poro1.jpg" height="180">
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- その他(ソフトウェア) 時間差でのオートクリック 1 2023/04/12 12:04
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- VR・AR YoutubeでVRゴーグル用の切り替えボタンが表示されない? VRゴーグル(中にスマホを入れるタイ 3 2022/10/20 10:27
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- Windows 10 【Windows11】の起動画面で日本語と英語と中国語の言語選択画面を出して起動時の標準 1 2023/06/18 19:40
- スピーカー・コンポ・ステレオ AVアンプで映像を視聴しています。 4 2022/07/31 05:10
- Excel(エクセル) Excel 同一セル内 年、日 入れ替え 5 2022/04/09 01:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【javascript】ロールオーバー...
-
一定時間ごとにgif画像の切...
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
前回の質問の続き
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
1枚の画像をクリックすると複数...
-
フッター上部に謎の隙間
-
iframe内のリンクが飛ばないの...
-
MFCで画像を表示させているので...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
appendChildでのデフォルト値
-
[jQuery]bxSlider 一番最後と...
-
iframe内のリンク文字のマウス...
-
jQueryでのドラッグアンドドロ...
-
bxsliderで最初に縦に複数表示...
-
指定したフォルダの画像を一括...
-
JavaScript で flexslider の画...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
this.src等のthisについて
-
imgのsrcに値を設定するには
-
jQueryでサーバー上のファイル...
-
画像の座標位置取得
-
イベントハンドラを完全に外部...
-
連番画像「次へ」「前へ」で、...
-
画像の下に説明文をつけて切り...
-
JS switch文について
-
JavaScriptでリクエストを飛ば...
-
スマートな外部javaでロールオ...
-
JavaScriptでシンプルなスライ...
-
一定時間で画像とリンク先を変...
-
javascript 時計24時間表示
-
画像と文字を同時に切り替えたい
-
これはどんなJavaScriptなので...
-
Javaにて画像を残像が残りつつ...
-
FirefoxでonMouseOver/Outの動...
-
divの背景画像を、徐々に表示さ...
-
時間によって表示される画像を...
おすすめ情報