开发者

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)'
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜