用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

回答

相關問題