jQuery的背景圖像旋轉腳本不起作用

Question

我寫這個劇本旋轉背景圖像，每3秒，但它並沒有在所有的工作和我難倒，爲什麼不。

$(document).ready(function() { 

     var inc = 0; 
     var bgImages = new Array(); 
     bgImages.push("Images/backgroundDog-small.jpg"); 
     bgImages.push("Images/backgroundDog1-small.jpg"); 
     bgImages.push("Images/backgroundDog2-small.jpg"); 
     bgImages.push("Images/backgroundDog3-small.jpg"); 

     setInterval(change, 3000); 

     function change() { 
      //if we're not at the end of the array 
      if (inc < (bgImages.length)) { 
       var image = bgImages[inc]; 
       $('body').css('backgroundImage', image); 
       console.log(image); 
       inc++; 


      //reset the counter inc and go through the array again 
      } else { 
       inc = 0; 
      } 
     } 
    }); 

Answer 1

CSS中的background-image屬性不會想到剛剛圖像URL;你需要像你在樣式表中一樣寫下它：url("example.png")

$('body').css('backgroundImage', 'url("'+image+'")');