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

Javascript 使用JQuery更改CSS中的背景图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一个简单的滑块,它只是将一张图片淡入另一张图片。问题是背景更改仅在dreamweaver预览中有效,而在浏览器中无效 loop = setInterval(function(){ $("#slider").css("background-image" , "url(/slider" + x + ".jpg)"); $("#slider > img").fadeOut(2); $("#slider > img#" + y).fadeIn(3000);

我正在创建一个简单的滑块,它只是将一张图片淡入另一张图片。问题是背景更改仅在dreamweaver预览中有效,而在浏览器中无效

loop = setInterval(function(){
    $("#slider").css("background-image" , "url(/slider" + x + ".jpg)");
    $("#slider > img").fadeOut(2);
    $("#slider > img#" + y).fadeIn(3000);
}, 4000)
所以它基本上看起来是这样的:设置背景,淡出旧图片,淡出背景上的新图片,再做一次。
但是我不明白为什么它不会设置背景或者至少不会显示它。

您需要像这样更改图像的
src
属性:
$(“#slider>img”).attr('src',y)
请检查。

您是否检查了浏览器控制台是否有错误?在哪里设置了
x
y
img
选择器是否匹配任何元素?您是否检查了控制台中的错误?如果您可以将一个与上述问题的副本放在一起,这将非常有用。映像的路径将相对于当前页面。检查它是否是您期望的绝对路径have@chridam给你j08691很好他告诉我他不能加载图片我想我需要完整的url让我检查一下