javascript幻灯片无法正常工作?

时间:2013-06-20 01:56:16

标签: javascript html image web slideshow

我已经为一个简单的javascript图片幻灯片创建了一个代码。 所以,当我直接从我从它学到的网站上复制代码时,它的工作原理。当我尝试以完全相同的方式重新创建代码时,它不起作用。这怎么可能?我彻底修改了代码。是javascript不工作或什么?代码:

<!DOCTYPE html>

<html>

<head>
    <title>Welcome!</title>
    <script type="text/javascript">
        var image1 = new Image()
            image1.src = "sample01.jpg"
        var image2 = new Image()
            image2.src = "sample02.jpg"
        var image3 = new Image()
            image3.src = "sample03.jpg"
        var image4 = new Image()
            image4.src = "sample04.jpg"
        var image5 = new Image()
            image5.src = "sample05.jpg"
    </script>
</head>

<body>
    <center>
        <img src="sample01.jpg" name="slider1" width=800 height=380 />
        <script type="text/javascript">
        var x=1;
        function slider()
        {
            document.images.slider1.src = eval("image"+x+".src");
            if (x<5)
                x++;
            else
                x=1;
            setTimeout=("slider()",10);
        }
        slider();
        </script>
    </center>
</body>

</html>

2 个答案:

答案 0 :(得分:1)

更改

setTimeout=("slider()",10);

通过

setTimeout("slider()",10);

答案 1 :(得分:0)

        var x=1;
        function slider()
        {
            document.images.slider1.src = eval("image"+x+".src");
            x= (x+1)%4 +1;
            setTimeout(slider,10);
        }
        setTimeout(slider,10); // 10 is too fast for a slide show (10ms) use at least 1000ms
相关问题