jquery - 使用 jQuery 更改背景图像

Question

试图让一个简单的背景图像交换代码工作，但如果你愿意的话，它会在第一个“间隔”挂断。我如何让它进步？

$(window).load(function() {
var i =0;
var images = ['img2.jpg','img3.jpg','img4.jpg', 'img1.jpg']
var image = $('#backgroundchange');
            //Initial Background image setup
image.css('background', 'url(img1.jpg) -110px no-repeat');
image.css('background-size', 'cover');
            //Change image at regular intervals
setInterval(function(){   
 image.fadeOut(1000, function () {
  if (i==0)
     image.css('background', 'url(' +images[i]+ ')no-repeat -330px');
     image.css('background-size', 'cover');
  if (i==1)
     image.css('background', 'url(' +images[i]+ ')no-repeat');
     image.css('background-size', 'cover');
  if (i==2)
     image.css('background', 'url(' +images[i]+ ')no-repeat');
     image.css('background-size', 'cover');
  if (i==3)
     image.css('background', 'url(' +images[i]+ ')no-repeat');
     image.css('background-size', 'cover');
 image.fadeIn(1000);
 });
 if(i == images.length)
  i = 0;
}, 7000);            
});

Answer 1

您不要在这段代码的任何地方更改 i 的值...