html / javascript幻灯片不起作用

Question

我想在网页中放映幻灯片，但是我的代码无法正常工作。 这是我的HTML：

<body>
<script type="text/javascript">
var slideNumber = 1;
function slide() {
    document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
    slideNumber++;
    if (slideNumber == 5) {
        slideNumber = 1;
    }
    setTimeout("slide()",2500);
}
slide();
</script>
<img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>
</body>

为什么它不能按预期工作？

Answer 1

工作小提琴： https ： //jsfiddle.net/uff8nydv/

var slideNumber = 1;

function slide() {

    document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";    
    console.log("../images/slideshow/" + slideNumber + ".jpg");

    slideNumber++;

    if (slideNumber == 5) {
        slideNumber = 1;
    }

    setTimeout(slide,500);
}

slide();

还要确保将<img>标识为id="slideshow"

<body>
    <img src="../images/slideshow/1.jpg" width="500" height="300" id="slideshow"/>
</body>

Answer 2

setTimeout调用您的代码中不存在的函数slideit() 。 将其更改为slide()可能会更好。

另外， eval是不必要的，脚本会阻塞，因为您试图通过代码中不存在的getElementById("slideshow")访问元素#slideshow 。

编辑：修复...

<body>

  <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>

<script type="text/javascript">
    var slideNumber = 1;
    function slide() {
        document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
        slideNumber++;
        if (slideNumber == 5) {
            slideNumber = 1;
        }
        setTimeout("slide()",1000);
    }
    slide();
</script>

</body>

Answer 3

您必须将id =“ slideshow”添加到

  img src="../images/slideshow/1.jpg" id="slideshow" width="500" height="300"

为了改变形象。

html / javascript幻灯片不起作用

问题描述

3 个解决方案

解决方案1
3 已采纳 2015-08-25 15:54:22

解决方案2
0 2015-08-25 15:47:58

解决方案3
0 2015-08-25 15:56:17

html / javascript幻灯片不起作用

问题描述

3 个解决方案

解决方案1 3 已采纳 2015-08-25 15:54:22

解决方案2 0 2015-08-25 15:47:58

解决方案3 0 2015-08-25 15:56:17

解决方案1
3 已采纳 2015-08-25 15:54:22

解决方案2
0 2015-08-25 15:47:58

解决方案3
0 2015-08-25 15:56:17