Question

我的背景图片相当大。当我的页面加载时，HTML将在背景图像加载到页面之前呈现。我希望背景图像是第一个在页面上加载然后加载HTML的东西。现在它看起来很奇怪，因为没有背景图像，文本被推高，当加载背景图像时，它们都会被推到正常位置（不太专业）。

在javascript中有没有完成此任务？

谢谢！

Answer 1

我认为预加载图像不是解决问题的方法，因为您希望在向用户显示HTML文档之前加载图像。

我没有一个确切的解决方案，但我所做的是在页面加载时向用户显示一个LOADING图像，然后在完全加载主体和图像时隐藏加载图像。这样做

    <body onLoad="document.getElementById('mydiv').setAttribute('style','display:none');">
    <div id=mydiv style="position:absolute;top:0px;left:0px;width:100%;height:100%>
<center> <img src="loading.png>
</center>
</div>


    <!-- Other HTML content here -->

    </body>

这只是一个粗略的代码，希望这有帮助

Answer 2

一旦加载了所有内容，您就可以编写将页面其余部分添加到DOM的javascript。这是你用jQuery做的最简单的事情之一。

然而，我没有看到这一点。作为用户，我不希望你这样对我。

加载所有图像后加载页面

2 个答案: