幻灯片转换 - Javascript

时间:2016-07-18 11:30:42

标签: javascript html slideshow

我正在尝试在Javascript中创建幻灯片库,但它不起作用...当我运行此代码时,src立即转到veyron.jpg,跳过{{1 }}

lamborghini.jpg

1 个答案:

答案 0 :(得分:2)

为什么循环存在于此处,您将所有图像都投射出来。

使用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