我正在尝试用 Javascript 制作幻灯片画廊,但它不起作用...当我运行这段代码时,src
转到 veyron.jpg
立即跳过 lamborghini.jpg
。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img id="img" src="ferrari.jpg" />
<script>
img = document.getElementById("img");
images = new Array("ferrari.jpg","lamborghini.jpg","veyron.jpg");
end = images.length -1;
window.onload = setInterval(slide,1000);
function slide(){
for(i=0;i<=end;i++){
img.src = images[i];
}
}
</script>
</body>
</html>
最佳答案
为什么这里有循环,你是把所有的图片都投进去了。
用 start
增量变量来做
<script>
var img = document.getElementById("img");
var images = new Array("ferrari.jpg","lamborghini.jpg","veyron.jpg");
var end = images.length -1;
var start = 0;
window.onload = setInterval(slide,1000);
function slide(){
img.src = images[start%end];
start++;
}
</script>
关于javascript - 幻灯片过渡 - Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38435608/