如何用jQuery改变背景图片?
问题描述:
嗨我有问题使用jquery更改div的背景IMG:如何用jQuery改变背景图片?
起初我在超时我这样做后启动以后的脚本设置为使
#div-id {
background: url(../images/conv1.png) no-repeat center top;
}
然后:
$('#div-id').css('background', 'url("../images/conv2.png")');
当我做到这一点,不过像刚刚消失,但是当我看着元检查员在Chrome工具它说:
$('#div-id').css('background', 'url("../images/conv3.png")');
我失去了我要去哪里错了。
答
使用background-image
既是在CSS和jQuery中的属性,并应用在CSS的其他属性seperately(背景 - 位置,背景大小,背景重复等)
#div-id {
background-image: url(../images/conv1.png);
background-repeat: no-repeat;
background-position: center top;
}
和
$('#div-id').css('background-image', 'url(../images/conv2.png)');
这似乎没有工作..Chrome工具显示element.style与新的图像名称,并已划掉div部分。该图像也可访问 – kPow989
我添加了一个例子。顺便说一句:没有引号是必要的网址 – Johannes
谢谢我认为这是一个问题与文件的位置..因为我的JS被存储在一个不同的文件夹,所以../没有去正确的文件夹.. 。谢谢 – kPow989