Javascript 使动态更改（jQuery）的背景图像褪色？

我在一个网站上有一个由一些按钮和背景图像组成的块

我需要每3秒钟更改一次背景图像，以便获得以下javascript：

jQuery('.myBlock').css({"background-image" : "url(img1)"});

var counter = 0;
function setBckImage(){
    if(counter<3){
        counter++;
    } else {
        counter=1;
    }

    switch (counter){
        case 1:
            jQuery('.myBlock').css({"background-image" : "url(img1)"});
            break;
        case 2:
            jQuery('.myBlock').css({"background-image" : "url(img2)"});
            break;
        case 3:
            jQuery('.myBlock').css({"background-image" : "url(img3)"});
            break;
    }
}

setInterval(setBckImage, 3000);

jQuery（'.myBlock'）.css（{“背景图像”：“url（img1）”}）；
var计数器=0；
函数setbackimage（）{
如果（计数器你就试试看

使用以下代码：）


var images=[“菊花.jpg”、“沙漠.jpg”、“绣球花.jpg”、“水母.jpg”、“考拉.jpg”、“灯塔.jpg”、“企鹅.jpg”、“郁金香.jpg]；
$（函数（）{
var i=0；
$（“#dvImage”）.css（“背景图像”，“url（图像/”+图像[i]+”））；
setInterval（函数（）{
i++；
if（i==images.length）{
i=0；
}
$（“#dvImage”）.fadeOut（“慢”，函数（）{
$（this.css（“背景图像”，“url（图像/“+图像[i]+”）”）；
美元（这个）.fadeIn（“慢”）；
});
}, 1000);
});
你只要试试

使用以下代码：）


var images=[“菊花.jpg”、“沙漠.jpg”、“绣球花.jpg”、“水母.jpg”、“考拉.jpg”、“灯塔.jpg”、“企鹅.jpg”、“郁金香.jpg]；
$（函数（）{
var i=0；
$（“#dvImage”）.css（“背景图像”，“url（图像/”+图像[i]+”））；
setInterval（函数（）{
i++；
if（i==images.length）{
i=0；
}
$（“#dvImage”）.fadeOut（“慢”，函数（）{
$（this.css（“背景图像”，“url（图像/“+图像[i]+”）”）；
美元（这个）.fadeIn（“慢”）；
});
}, 1000);
});
您可能想要这种效果


$（'.myBlock'）.css（{“背景图像”：“url(http://nakolenke.club/uploads/posts/2016-09/1473248821_kotiki04.jpg)"});
var计数器=0；
函数setbackimage（）{
如果（counter您可能想要这种效果


$（'.myBlock'）.css（{“背景图像”：“url(http://nakolenke.club/uploads/posts/2016-09/1473248821_kotiki04.jpg)"});
var计数器=0；
函数setbackimage（）{
如果（counter）执行此操作的一种方法是使用css关键帧，则可以将其添加到
.myBlock


.myBlock{
  animation: fadeInOut 3s infinite;
}

@keyframes fadeInOut{
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

但是请记住，如果您更改3秒间隔，您也必须在css中更改它。
一种方法是使用css关键帧，您可以将其添加到
.myBlock


.myBlock{
  animation: fadeInOut 3s infinite;
}

@keyframes fadeInOut{
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

但是请记住，如果您更改3秒间隔，您也必须在css中更改它。
这正是我要找的！谢谢！这正是我要找的！谢谢！你好@Florian.C你在那里你好@Florian.C你在吗