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

Question

我想为我的网站加载正文背景图片。它的大小非常大，因此加载页面需要很长时间。所以我想在页面完全加载后加载正文背景图像。

我尝试了javascript window.onload，但它无济于事。

Answer 1

如果您使用的是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 2

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

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

Answer 3

将正文背景放在样式标记的页面末尾。

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