Javascript JQuery添加淡入淡出效果

我正在尝试使用JQuery创建一个背景图像转换器，目前为止我已经成功了，但是我不确定如何或在我的代码中添加.fadeIn（）效果：

$(function() {
  var body = $('.div-slideshow');
  var backgrounds = [
    'url(img/homeImg.jpg)',
    'url(img/homeImg2.jpg)',
    'url(img/homeImg3.jpg)'
  ];
  var current = 0;

  function nextBackground() {
    body.css(
      'background',
      backgrounds[current = ++current % backgrounds.length]);

    setTimeout(nextBackground, 5000);
  }
  setTimeout(nextBackground, 5000);
  body.css('background', backgrounds[0]);
});

---

无法使用

.fadeIn（）

完成此操作，因为您使用的是同一个元素，仅更改其背景

将此CSS3转换添加到

.div幻灯片放映

类中

.div-slideshow {
  transition: background 1s linear;
}

如果需要，可以更改转换时间

---

这样，更改url属性时背景将自动转换。

无法使用

.fadeIn（）

完成，因为您使用的是同一元素，并且仅更改其背景

将此CSS3转换添加到

.div幻灯片放映

类中

.div-slideshow {
  transition: background 1s linear;
}

如果需要，可以更改转换时间

这样，当更改url属性时，背景将自动转换