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 回答