Change Picture with JS

I want change background picture(a div) with javascript that I will take from database. Picture is embedded in CSS. I want to use JQuery.

CSS

.home_div 开发者_StackOverflow中文版{ 
width: 958px; 
height: 350px; 
margin-bottom: 12px; 
background: url(../images/bg_home_div.png)
}

No JScript. But I use Jquery on other part of website.

---

using jquery, you can:

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

---

You can change easily with 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>

---

With javascript

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