2017-10-08 63 views
0

嗨我有問題使用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")'); 

我失去了我要去哪裏錯了。

回答

1

使用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)'); 
+0

這似乎沒有工作..Chrome工具顯示element.style與新的圖像名稱,並已劃掉div部分。該圖像也可訪問 – kPow989

+0

我添加了一個例子。順便說一句:沒有引號是必要的網址 – Johannes

+0

謝謝我認爲這是一個問題與文件的位置..因爲我的JS被存儲在一個不同的文件夾,所以../沒有去正確的文件夾.. 。謝謝 – kPow989