2013-12-24 98 views
-1

一個div的背景圖片,我有以下代碼我需要幫助改變使用jQuery

#divbox{ 
    width:90%; 
    height:60px; 
    border:1px solid; 
    margin: 0 auto;  
} 

<div id="divbox" style="background-image: url('../home/images/sydney333x60.jpg');";> 

,我想用jQuery來改變形象。

function callonbuttonclick(){ 
    $("#divbox").attr("src", "new image path"); 
} 

但我無法找到我應該用'.attr'和/或「src」。

我看了一些在stackoverflow的答案,但無法讓他們工作,我用單選按鈕覆蓋圖像,但該示例沒有工作。

回答

2

使用 「ATTR」 是當你想改變一個指定的屬性,如:

  • 檢查= 「檢查」
  • SRC = 「someimage.jpg」
  • WIDTH = 「100%」

而CSS處理樣式屬性中的任何東西。您可以爲風格使用ATTR,但是,你會改變整個屬性,而不是僅僅的一個屬性,你感興趣的內容。

所以,

$("#divbox").attr("src", "new image path"); 

將在

在src
<img src="" /> 

相反,使用:

$("#divbox").css("background-image", "url('../path/to/new/image.jpg')"); 
+0

謝謝SO 3 M這不僅僅是爲了代碼,而是爲了解釋。 –