使用javascript添加淡入淡出以更改背景

我有以下代码用于使用jquery更改divs背景图像，我需要帮助在代码中添加淡入淡出，以便图像更改时产生一些效果

这是密码

jQuery(window).load(function(){
    var images = ['blured/1.jpg','blured/2.jpg'];
    var i = 0;
    var timeoutVar;

    function changeBackground() {
        clearTimeout(timeoutVar); // just to be sure it will run only once at a time

        jQuery('#maincont').css('background-image', function() {
            if (i >= images.length) {
               i=0;
            }
            return 'url(' + images[i++] + ')';      
        });

        // call the setTimeout every time to repeat the function
        timeoutVar = setTimeout(changeBackground, 6000);
    }

    // Call it on the first time and it will repeat
    changeBackground();        
});

任何帮助都会很好！ 我只需要改变背景图像，而不褪色的内部div，这是html

   <div class="maincont" id="maincont">

   <div class="containersrch">

   <h1 class="lagro">some title</h1>

   <div class="joinus">

   <span><a href="join.php">JOIN</a></span>

   </div>

   </div>

---

也许这就是你想要的

$(function(){
  var imgId = $('#maincont'), imgCount = 1, imgLast = 2;
  setInterval(function(){
    imgId.fadeOut('slow', function(){
      if(++imgCount > imgLast)imgCount = 1;
      imgId.css('background', "url('blured/"+imgCount+".jpg')");
      imgId.fadeIn('slow');
    });
  }, 6000);
});

---

现在您可以有多个图像，只需将imgLast更改为最后一个数字，并确保它们在您的模糊文件夹中具有正确的URL。当然，上面的代码假设您使用的是.jpg。事实上，我建议使用.png的无损压缩，但如果图像是以.jpg格式拍摄的，则无所谓。

Add fadeIn after.css。如果您发布html，那就更好了。也看看这里，它会给你一个div的背景图像，我正在更改背景图像url，这个代码可以工作，但是图像从一个到另一个没有任何效果，这不好，我想从一个到另一个类似的东西，但有了这个代码，洞div在更改图像时消失，我只需要改变背景，而div的内容实际上没有褪色，我现在正在上传html