一定時間ごとにｇｉｆ画像の切り替え方法

解決済

質問者：DINO-PIE
質問日時：2006/03/06 11:48
回答数：4件

赤→黒→緑の画像を5秒ごとに切り替えたいのですが、時間を指定して順番に切り替えることはできるのでしょうか？

通報する

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

質問の本文を隠す

回答 (4件)

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

No.3ベストアンサー

回答者： Blaise
回答日時：2006/03/06 15:01

ごめんなさい。

最初のとき意図をとりちがえていたようです。
ページを読み込んだらすぐに３秒のカウントをはじめていい
んですよね。完全なコードは次のようになります。お試しください。すいませんでした。
<html>
<head>
<script type="text/javascript">

</script>

</head>
<body onLoad="showPic()">
<br>
<img id="img" src="image/poro1.jpg" height="180">
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

完璧です。ありがとうございました。

通報する

お礼日時：2006/03/06 17:55

No.4

回答者： noname#22222
回答日時：2006/03/06 17:16

既に、回答が出尽くしているので参考までに！

/*
　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);
　 }
}

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。参考にいただきます。

通報する

お礼日時：2006/03/07 08:08

No.2

回答者： Blaise
回答日時：2006/03/06 14:51

回答したコードで、HTML部分の画像の拡張子を「jpg」

にしてましたね。実際動かしてなかったのですいません
でした。
えっと、お尋ねの件ですが、パスが合ってないだけだと
思います。
document.images['img'].src = '' + pic[num] + '.jpg';
を
document.images['img'].src = 'image/' + pic[num] + '.jpg';
で行くのではと・・・
動かなかったら、またください。

- 0
- 件

通報する

No.1

回答者： Blaise
回答日時：2006/03/06 13:15

できます。

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

</script>
</head>
<body onLoad="setTimeout('showPic()', itv);">
<div align=center>
<img id="img" src="red.jpg">
</div>
</html>

この回答への補足

始めの一枚目の絵は出てきましたが2枚目以降がうまくいきませんでした…。原因は何なのでしょうか？３つのファイルporo1,poro2,poro3はimageフォルダの中にあります。imageフォルダとhtmlファイルは同じ階層です。

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

</script>

</head>
<body onLoad="setTimeout('showPic()', itv);">
<br>

<img id="img" src="image/poro1.jpg" height="180">

</body>
</html>