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

Question

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

编辑：下面的完整代码

$(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);            
 });

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

如何更改代码以使转换相互重叠，并且不会显示白色背景。

谢谢！