gpt4 book ai didi

javascript - 幻灯片过渡 - Javascript

转载 作者:可可西里 更新时间:2023-11-01 13:25:53 24 4
gpt4 key购买 nike

我正在尝试用 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>

example fiddle

关于javascript - 幻灯片过渡 - Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38435608/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com