平滑重叠图像过渡（Javascript幻灯片）

编辑：完整代码如下

setInterval(function(){   
   image.fadeIn(1000, function () {
   image.css('background-image', 'url(' + images [i++] +')');
   image.fadeIn(1000);
});

上面的javascript片段将第一个图像淡出为白色背景，然后在第二个图像中淡出

如何更改代码，使过渡彼此重叠，并且不显示白色背景

---

谢谢

将fadein从您的fadeOut的完整功能中删除，但我看到您输入了一个错误，因此显示fadein应该在何处淡出，或者您在此处粘贴了错误的代码代码代码不正确，没有淡出，图像淡入两次，第一次使用回调。您还缺少了一个花括号，刚刚发布了完整的代码-因为第一个片段似乎是导致图像褪色为白色背景的原因，所以我刚刚发布了它。

$(window).load(function() {           
  var i =0; 
  var images = [IMAGE1, IMAGE 2, IMAGE 3];
  var image = $('#welcome-bg');
                //Initial Background image setup
  image.css('background-image', 'IMAGE1');
                //Change image at regular intervals
  setInterval(function(){   
   image.fadeIn(1000, function () {
   image.css('background-image', 'url(' + images [i++] +')');
   image.fadeIn(1000);
   });
   if(i == images.length)
    i = 0;
  }, 5000);            
 });