使用jquery实现背景图像的连续淡入淡出

下面的代码持续更改div的背景图像。请说明如何使if淡入淡出，而不是仅仅更改

var imageFile = ["1.jpg", "2.jpg", "3.jpg", "4.jpg"];
   var currentIndex = 0;
   setInterval(function () {
     if (currentIndex == imageFile.length) {
        currentIndex = 0;
     }
     $("#custom_body").css('background-image', 'url("images/' + imageFile[currentIndex++] + '")');
   }, 3000);

---

我该怎么做呢？

如果淡出整个div，而不仅仅是bg图像OK，那么您可以有两个div。1） #定制#车身2）#img#集装箱。将img#U容器放入定制#U主体内。为#img_容器提供适当的高度和宽度。然后在上面的代码中将#custom_body替换为#img_container。希望它能起作用。

$(document).ready(function () {

    var seconds = 3000;
    var step = 0;
    var limit = 3;

    $("#custom_body").addClass("image-" + step).fadeIn(700);

    setInterval(function () {
        $("#custom_body").fadeOut(700, function () {
            $(this).removeClass("image-" + step);
            step = (step > limit) ? 0 : step + 1;
            $("#custom_body").addClass("image-" + step).fadeIn(700);
        });
    }, seconds);
});