Javascript 使用jQuery淡入淡出背景图像？

到目前为止，我已经尝试了很多事情，但都没有成功：

<script type="text/javascript">
var x = 0;

while (true) {
    /* change background-image of #slide using some variation
    of animate or fadeIn/fadeOut with or without setTimeout */
    x++;
}
</script>

var x=0；
while（true）{
/*使用一些变体更改#幻灯片的背景图像
带或不带设置超时的动画或淡入淡出/淡出*/
x++；
}

---

有什么想法吗？

您可以淡出背景颜色，但不能淡出背景图像。解决此问题的方法是将图像作为

标记，并在默认情况下隐藏它们

显示：无。给你的图片
位置：绝对
和
z-index:-1
，这样它们就像背景一样，隐藏在其他一切后面

下面是一个图像一个接一个褪色的快速示例

HTML

jQuery

img{
 position:absolute;
 z-index:-1;
 display:none;
}

检查处的工作示例，尽管您不能直接在
背景图像中淡入淡出。您可以在仅包含
背景图像的单独元素中淡入淡出

我之所以来到这里，是因为我在寻找一种基于
选项更改的背景图像褪色解决方案。我把我已经写的东西和上面侯赛因的JSFIDLE结合起来，得出了这个结论

这最初会将两个相同的图像堆叠在彼此的顶部。更改
时，顶部图像的样式属性将被删除，底部图像的src将被更改，顶部图像将淡出以显示底部图像。（顶部图像以一个
style=“display:none”
结束，该图像需要在操作开始时删除，否则将无法工作。）

希望这对其他人有用，而不是太不相关而不能包含在这里
 您可以淡出背景图像！
进进出出

jQuery：

function test() {
    $("img").each(function(index) {
        $(this).hide();
        $(this).delay(3000* index).fadeIn(3000).fadeOut();
    });
}
test();

编辑：

这将使整个div褪色，而不仅仅是背景图像。
我认为这是不可能的，因为
背景图像
不支持任何形式的褪色。你必须使用普通图像来完成这项任务，谢谢！你知道我怎样才能无限循环吗？非常感谢，太棒了！你可能需要使整个div褪色，而不仅仅是背景图像。
function test() {
    $("img").each(function(index) {
        $(this).hide();
        $(this).delay(3000* index).fadeIn(3000).fadeOut();
    });
}
test();

$('#yourdiv').animate({opacity: 0}, 0).css("background-image", "url(image.jpeg)").animate({opacity: 1}, 2500);