加載所有圖像后加載頁面

Question

我的背景圖片很大。 當我的頁面加載時，HTML 在背景圖像加載到頁面之前呈現。 我希望首先在頁面上加載背景圖像，然后是 HTML。 現在它看起來很奇怪，因為沒有背景圖像，文本被推上去，當背景圖像被加載時，它都被推到它的常規 position（看起來不太專業）。

javascript 中是否有實現此目的？

謝謝！

Answer 1

我認為預加載圖像不能解決您的問題，因為您希望在 HTML 文檔顯示給用戶之前加載圖像。

我沒有確切的解決方案，但我所做的是在頁面加載時向用戶顯示加載圖像，然后在正文和圖像完全加載時隱藏該加載圖像。 去做這個

    <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

您可以編寫 javascript，在所有內容加載后將頁面的 rest 添加到 DOM。 這是使用 jQuery 可以做的最簡單的事情之一。

但是，我不明白這一點。 作為用戶，我不希望你這樣對我。

加載所有圖像后加載頁面

問題描述

2 個解決方案

解決方案1
0 已采納 2011-07-02 22:03:11

解決方案2
0 2011-07-02 22:20:30

加載所有圖像后加載頁面

問題描述

2 個解決方案

解決方案1 0 已采納 2011-07-02 22:03:11

解決方案2 0 2011-07-02 22:20:30

解決方案1
0 已采納 2011-07-02 22:03:11

解決方案2
0 2011-07-02 22:20:30