Javascript 加载网页背景图像的Fow

我有一个网页，我正在使用非常大尺寸的背景图像，问题是当我们正常访问网页时，它会显示网站内容，然后加载背景图像

在我的情况下，情况是不同的，我的网页正在等待，直到背景图像加载，然后开始显示页面内容

我使用非常简单的CSS

body{background-image:url('http://www.example.com/myimage.jpg')}
other css goes here....

并且网页的负载流是

Background image load first (webpage display no contents it just load the image)  
     |
then load the contents.

---

我想先加载内容，然后加载背景图像。任何人都知道怎么做。（使用简单方法）或异步加载背景图像和内容

简单解决方案：

只需在加载时通过css添加背景图像：

// in header of page
window.onload = function(){
    document.body.style.backgroundImage = "url('http://www.example.com/myimage.jpg')";
}

更复杂的解决方案：

如果您想让它看起来更好，可以添加一个图像元素，加载完成后，将其淡入背景（使用jQuery）

---

简单解决方案：

只需在加载时通过css添加背景图像：

// in header of page
window.onload = function(){
    document.body.style.backgroundImage = "url('http://www.example.com/myimage.jpg')";
}

更复杂的解决方案：

如果您想让它看起来更好，可以添加一个图像元素，加载完成后，将其淡入背景（使用jQuery）

---

谢谢你，皮塔伊。。我相信这会奏效的。。我只是想知道，没有javascript我们能做到吗？@monamona-不要认为没有javascript就没有任何办法谢谢你，PitaJ。。我相信这会奏效的。。我只是想知道，没有javascript我们能做到这一点。@monamona-不要认为没有javascript就没有任何方法