如何在頁面加載（加載完所有站點圖像之後）後加載正文背景圖像？

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>