使用導航按鈕製作基本的Javascript幻燈片時出現錯誤

我正在嘗試製作具有前進和後退按鈕的JavaScript幻燈片。我只需要8個圖像，我可以點擊一個按鈕，或者轉到下一張圖片或之前的圖片。但是，我的代碼不起作用，我無法弄清楚原因。我認爲這是一個簡單的解決方法，但它遲到了，我收費就像我嘗試了一切。當我說它不起作用時，我指的是瀏覽器要麼返回一個錯誤，說「無法解析背景圖像」（只有當我刪除if/then語句，只運行else部分，沒有else當然前面），或者它只是崩潰，可能是由於當我試圖用if/then語句運行時出現無限循環。這是一個jsfiddle鏈接：http://jsfiddle.net/AZchy/。謝謝你的幫助！使用導航按鈕製作基本的Javascript幻燈片時出現錯誤

這裏是我的javascript：

var images = new Array(8); 
images[0] = "url('screen1.jpg')"; 
images[1] = "url('screen2.jpg')"; 
images[2] = "url('screen3.jpg')"; 
images[3] = "url('screen4.jpg')"; 
images[4] = "url('screen5.jpg')"; 
images[5] = "url('screen6.jpg')"; 
images[6] = "url('screen7.jpg')"; 
images[7] = "url('screen8.jpg')"; 
var i = 0; 

function slideShowForward(){ 
     if(i=7){ 
      i = 0; 
      document.getElementById("images").style.backgroundImage = images[i]; 
     } 
     else{ 
      i++; 
      document.getElementById("images").style.backgroundImage = images[i]; 
     } 
} 
function slideShowBack(){ 
     if(i=0){ 
      i=7; 
      document.getElementById("images").style.backgroundImage = images[i]; 
     } 
     else{ 
      i--; 
      document.getElementById("images").style.backgroundImage = images[i]; 
     } 
}

這裏是我的HTML

<body> 
<div id="container"> 
<div id="images"> 
</div> 
<div id="form"> 
<form name="buttons" action=""> 
    <input type="button" name="previous" value="Previous" onclick="slideShowBack()"/> 
    <input type="button" name="next" value="Next" onclick="slideShowForward()"/> 
</form> 
</div> 
</div> 
</body>

來源

2012-05-30 Brian Tucker

*「我的代碼不起作用」*。怎麼樣？發生了什麼，你期望發生什麼？ *不起作用*不是有用的錯誤描述。 –

你是否通過CSS給任何大小的*圖像*元素？另外，請在jsFiddle上創建一個示例，這樣您可以更輕鬆地獲得幫助。 –

您查看圖片是否可以加載？ – neworld