使用图像加载预加载DIV

Question

我有个问题.我正在使用CMS,它的名字是Dolphin.简而言之,我创建了一个包含繁重代码的块(jQuery,javascript,php,HTML,图像等等).我想要做的是显示加载图像,直到该块的内容完全加载.因此,即使它看起来很奇怪,我也需要DIV的预加载功能.我需要这样做,因为如果我不使用它,我可以看到div组成缓慢,这太可怕了.你知道一个好的jQuery或javascript函数可以帮助我吗？只是在DIV中心加载图像,直到其内容完全加载.一旦它加载然后它将显示..谢谢!

Answer 1

诀窍是默认设置真正的div隐藏在它上方放置"请等待"div ...在重编码的末尾添加一行隐藏"请等待"div并显示真实的div.

所需HTML的示例代码:

<div id="pnlPleaseWait">
   Loading please wait...
<div>
<div id="pnlMain" style="display: none;">
   ....heavy stuff going on here...
   ....heavy stuff going on here...
   ....heavy stuff going on here...
</div>

并且jQuery行在重处理结束时:

$("#pnlPleaseWait").hide();
$("#pnlMain").show();