javascript - 自动滚动 JS 幻灯片不工作

Question

我有一个用于自动滚动 js 幻灯片的代码片段。我将脚本粘贴在“”前面。并确保我关闭了 div。我有一个名为 images 的文件夹，其中包含图像“case1.jpg、case2.jpg、case3.jpg 和 case4.jpg”。由此，我无法说出脚本为什么不起作用。这是脚本。

<script type="text/javascript">
var images = new Array('case1.jpg', 'case2.jpg', 'case3.jpg', 'case4.jpg');
var count = -1;

function slideShow() {
    if (count <= 2) {
        count++;
    }
    document.getElementById("show").innerHTML = "<img src="images/"+images[count]+"">";
    setTimeout("slideShow()", 3000);
}​    </script>

而 HTML 只是...

<div id="show"> 
<script>slideShow()</script>
</div>

Answer 1

我怀疑是这个部分

"<img src="images/"+images[count]+"">"

因为您没有转义双引号。它应该是

"<img src=\"images/"+images[count]+"\">"

或使用单引号换行

'<img src="images/'+images[count]+'">'

Answer 2

你混合了引号：

"<img src="images/"+images[count]+"">";

改成：

'<img src="images/' +images[count]+'">';

确保您致电：

document.getElementById("show")

元素渲染后。

改变：

setTimeout("slideShow()", 3000); // Uses evil eval

至：

setTimeout(slideShow, 3000);     // Doesn't use eval.

检查控制台是否有错误！！！

当然，请确保您调用了该slideShow函数：

slideShow();