我可以在页面加载之前加载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);