自動滾動JS幻燈片不工作

Question

我有一個代碼snippit我找到了自動滾動js幻燈片。我把腳本粘貼在「」之前。並且確保我關閉了div。我有一個名爲圖像的文件夾，裏面有圖像「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();