用JS更改图片

我想用javascript改变背景图片（div），我将从数据库中取出。图片嵌入在CSS中。我想使用JQuery。用JS更改图片

CSS

.home_div { 
width: 958px; 
height: 350px; 
margin-bottom: 12px; 
background: url(../images/bg_home_div.png) 
}

没有JScript中。但我在网站的其他部分使用Jquery。

来源

2011-05-11 gandil

是在CSS或指定为 '背景链接' 的图片其从DB一个BLOB装？请澄清。 – 2011-05-11 16:11:29

发布您的CSS，HTML和任何JS你到目前为止。 – 2011-05-11 16:11:35

不要将JavaScript存储在数据库中。 – Raynos 2011-05-11 16:11:48

您可以轻松地使用javascript改变。

<script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      var image_url = "whatever comes from database"; 
      $('#image_div').css("background-image", "url('" + image_url + "')"); 

     }); 
    </script>

来源

2011-05-11 16:11:37 gandil

这段代码需要jQuery，它没有在标签中提到，这个问题甚至是这个答案。 – 2011-05-11 16:12:29

使用jQuery，您可以：

$('body').css('background-image', 'images/myimage.jpg');

来源

2011-05-11 16:10:45 derek

这段代码需要jQuery，它没有在标签中提到，问题甚至是这个答案。 – 2011-05-11 16:12:03

这会改变背景图片吗？ – gandil 2011-05-11 16:12:55

这将更改身体标记上的背景图像。您可以更改jquery选择器$（'body'）以匹配您喜欢的任何元素。 – derek 2011-05-11 16:14:06

用JavaScript

var newimage = "your image link"; 
document.getElementById('yourDiv').style.backgroundImage = 'url(newimage)'

来源

2011-05-15 12:57:48

用JS更改图片

回答

相关问题