Javascript 用JS更改div的背景图像

试图改变循环中淡入淡出效果的div等级，有人能帮我吗

我只是希望他们在淡入淡出循环中每1s自动改变

我的部门

.jumbotron{
背景图像：url（'http://r6siegepro.pl/headerbgdark.png');
背景色：#fff；
背景尺寸：封面；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
身高：100%；
宽度：100%；
}
.Jumbotron 2{
背景图像：url（'http://r6siegepro.pl/headerbgdark2.png');
背景色：#fff；
背景尺寸：封面；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
身高：100%；
宽度：100%；
}
h1{
身高：100%；
}

一些示例文本用于填充空白
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起。但是，在最低限度上，我们需要一个实验室来进行日常工作。在沃鲁帕特的reprehenderit中有两人或两人死亡

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起。但是，在最低限度上，我们需要一个实验室来进行日常工作。在沃鲁帕特的reprehenderit中有两人或两人死亡

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起，一人或两人在一起。但是，在最低限度上，我们需要一个实验室来进行日常工作。在沃鲁帕特的reprehenderit中有两人或两人死亡

只要更改背景图像，就不要更改类别：

var swtich_bg = document.querySelectorAll('.jumbotron')[0];
var switch_bg_toggle; 

setInterval(function(){
  if ( switch_bg_toggle ) {
    swtich_bg.style.backgroundImage = "url('http://r6siegepro.pl/headerbgdark.png')";
    switch_bg_toggle = false;
  } else {
    swtich_bg.style.backgroundImage = "url('http://r6siegepro.pl/headerbgdark2.png')";
    switch_bg_toggle = true;
  }
}, 1000);

只需在CSS中添加转换：

.jumbotron {
    background-image: url('http://r6siegepro.pl/headerbgdark.png');
    background-color: #fff;
    background-size: cover;
    transition: background-image .5s linear;
}

这里有JSBin：

---

顺便说一句，不要设置为1秒，使用大约3秒~10秒的转换间隔。

谢谢，这正是我需要的，再次感谢！如果我想在一个循环中添加3或4个图像，那么还有更多的变化吗？按照数字a的顺序命名图像（some-image-1.jpg some-image-2.jpg等），并使用更改后的JS代码在脚本加载新页面时会出现一些白色闪烁，或者有时会触发sript，不确定为什么？我能做些什么来阻止这种白色背景的出现吗？我已经将图像更改为jpg，所以它们看起来像80Kb，不再是1MB，我使用的是过渡：背景图像3s线性；在js中更改背景的时间为10000，尝试将其更改为深色，这可能有助于平滑图像加载。如果这样做没有多大帮助，您需要预加载您希望在幻灯片中进一步使用的图像-您可以如何做到这一点。