2013-12-24 101 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这不仅仅是为了代码,而是为了解释。 –