Question

我试着创建一个图像旋转器，图像每3秒钟就会改变一次。但问题是，图像没有显示出来。这是我的代码：

    <html>


<script type='text/javascript'>

    var myScreen=document.getElementById("banner");
    var pictures=['stephIrv.jpg','pintball.jpg','badminton.jpg','running.jpg','boxing.jpg'];
    var ttlPics = pictures.length;
    var i=0;
    function slideShow()
    {
        if(i > (ttlPics - 1))
        {
            i=0;
        }
        myScreen.innerHTML = '<img src="'+pictures[i]+'">';
        i++;
        loopTimer = setTimeout(slideShow,3000);
    }
    slideShow();
</script>
<body>

<div id = 'banner'></div>


</body>

</html>

Answer 1

您的图片需要与脚本位于同一文件夹中。但我猜你已经有了。

我要改变的第一件事是在slideShow而不是setTimeout中使用'loop()'？

loopTimer = setTimeout(slideShow, 3000);

希望有所帮助。

图像旋转器使用Javascript

1 个答案: