jquery background image Le script de rotation ne fonctionne pas

Question

J'écris ce script pour faire pivoter une image d'arrière-plan toutes les 3 secondes, mais cela ne fonctionne pas du tout et je suis perplexe quant à savoir pourquoi.

$(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

L'attribut background-image en CSS ne prévoit pas seulement l'URL de l'image; vous devez l'écrire comme vous le feriez dans une feuille de style: url("example.png")

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