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 的值...

用jQuery更改背景图像

1 个答案: