使用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); 。 请检查此jsfiddle 。