2

実装してみたのですが、1枚目から2枚目に画像が変わって止まってしまいます。

ご参考までに、私が実装しようとしたコードを見つけてください。

<div id="images"> <img  name="slide" src="img/banner1.png"/>
<script type="text/javascript" >
var slideShow=document.getElementById("images");
var allImages= new Array();
allImages=["img/banner3.png","img/banner2.png","img/banner4.png","img/banner5.png"];
var imageIndex=0;
function changeImage()
{
    document.images.slide.src=allImages[imageIndex];
    //slideShow.setAtrribute("src",allImages[imageIndex]);
    console.log("executing 1");
    imageIndex++;
    if(imageIndex >= allImages.length)
    {
       console.log("executing 2");
       imageIndex=0;
    }
}console.log("executing 3");
setTimeout("changeImage()",1000);
console.log("executing 4");
</script>
</div>

誰か、この問題を解決するのを手伝ってくれませんか..お願いします!

4

2 に答える 2

2

これはあなたが探している類似のスクリプトです...

Java スクリプト

slide=new Array("images/2.jpg","images/3.jpg","images/4.jpg","images/5.jpg","images/6.jpg","images/8.jpg")
pic=0;

function start()
{
setInterval("fun()",3000);
}

function fun()
{
document.show.src=slide[pic];
pic++;
if(pic==6)
pic=0;
}

HTML

<body onLoad="start();>
-------
-------
</body>
于 2013-05-17T05:41:50.447 に答える
1

無限スライド ショーを使用する場合は、setInterval代わりにsetTimeout.

setInterval('changeImage()',1000);

あなたのコードは、変更後も問題なく動作します。楽しみ。

于 2013-05-17T05:42:19.453 に答える