我可以在頁面加載之前加載lightbox嗎

Question

我有一個非常大的表單來開發，可能需要一些時間來渲染（超過5秒）。現在爲用戶指示發生的事情，我想用一個簡單的「頁面加載」消息來啓動一個燈箱，而其餘頁面在後臺加載。一旦頁面完全加載，我可以關閉燈箱，用戶可以繼續瀏覽應用程序。現在我知道我不應該使用window.onload來激活這個，因爲jQuery的document.ready更快，更好的解決這個問題，但沒有人有任何建議如何做到這一點，或者如果可能的話。

Answer 1

最好是隻加半TRANSPARANT DIV的DOM和並使其消失。
執行javascript-heavy功能（如lightbox）會失敗等待指示器的用途。

Answer 2

在打開燈箱的頭部添加一個腳本（包含css後）。最後在體內添加腳本（最好用事件處理要知道，DOM其實是準備好）封閉燈箱:)

document.addEventListener("DOMContentLoaded", function() { 
    //close lightbox 
}, false);