Auto Scroll JS幻灯片不起作用

Question

我找到了一个自动滚动js幻灯片显示的代码snippit。我把脚本粘贴在“”前面。并且还确保我关闭了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();