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

Question

我正在创建一个简单的滑块，它只是将图片淡化为另一个。问题是背景更改仅适用于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。