如何在页面加载（加载完所有站点图像之后）后加载正文背景图像？

Question

我想为我的网站加载正文背景图片。它的尺寸很大，所以加载我的页面需要很长时间。所以我想在获得页面完全加载后加载正文背景图片。

我试过javascript window.onload但它没有帮助。

Answer 1

尝试是这样的 - 从图像中首先删除src属性：

$(function() { 
    $('img#bg').attr('src', 'images/myImage.jpg'); 
}); 

Answer 2

如果您正在使用jQuery，你可以这样做（http://api.jquery.com/ready/）：

JS：

$(document).ready(function() { 
    $('body').addClass('large-background'); 
}); 

CSS：

.large-background { 
    background: url('../img/large-image.jpg') no-repeat; 
} 

Answer 3

将身体背景放在页面的结尾处的样式标记中。

<style type='text/css'>body{background-image:url("/images/bgimage.gif")}</style>