Javascript 使用定时器的div背景图像交叉淡入淡出

我有一个背景图像褪色的div。我想交叉淡入淡出他们，但我只能淡入白色，然后回到下一个图像。我尝试使用fadeTo（）而不是fadeIn（），但差别不大。代码如下：

<script type="text/javascript">
      var b_imgs = ["dl1.jpg", "dl2.jpeg"];
      $(function () {
          var i = 0;
          $("#index_jum").css("background-image", "url(/assets/" + b_imgs[i] + ")");
          setInterval(function () {
              i++;
              if (i == b_imgs.length) {
                  i = 0;
              }
              $("#index_jum").fadeOut(2500, function () {
                  $(this).css("background-image", "url(/assets/" + b_imgs[i] + ")");
                  $(this).fadeIn(2500);
              });
          }, 9000);
      });
</script>

---

如何交叉淡入图像？或者有没有办法将fadeIn（）/fadeOut（）转换为黑色而不是白色？目前，图像淡入淡出，但存在白色过渡。即：图像1淡入白色，白色淡入图像2

请同时提供您的HTML。请注意，您的图像是局部的，因此也可以使用它们。您不会褪色为白色。位于

#index_jum

后面的元素的背景色正在显示。请同时提供您的HTML。请注意，您的图像是局部的，因此也可以使用它们。您不会褪色为白色。位于

#index_jum

后面的元素的背景色将显示出来。

<section id="index_jum" class="mouse-bg row" data-autoheight="true">

    #index_jum{
 background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
}