javascript - 使用 JQuery 更改 CSS 中的背景图像

Question

我正在创建一个简单的 slider ，它只是让一张图片淡出另一张图片。问题是背景更改仅适用于 Dreamweaver 预览，但不适用于浏览器。

loop = setInterval(function(){
    $("#slider").css("background-image" , "url(/slider" + x + ".jpg)");
    $("#slider > img").fadeOut(2);
    $("#slider > img#" + y).fadeIn(3000);
}, 4000)

所以它基本上是这样的:设置背景，淡化旧图片，淡化背景上的新图片，再做一次。 但我不明白为什么它不会设置背景或至少不会显示它。

Answer 1

您需要像这样更改图像的 src 属性:$("#slider > img").attr('src', y);。 请查看this jsfiddle .