WordPress的 - 奇怪的装载问题

Question

我目前使用的这个主题的修改版本，显示的年度报告：

http://www.elegantthemes.com/preview/ElegantEstate/

为我们的项目经理要我不能链接的报告，以保持私人直到发射。

项目经理抱怨奇怪的加载模式，其中一些内容在第一张幻灯片上出现几秒钟，直到页面完全加载。我自己没有这个问题。

任何人都可以解释为什么这可能会发生，我怎么能解决它？我可以安装一个可以预载整个页面或类似内容的插件吗？

我试过一个图像预加载插件，没有解决问题。

感谢您的帮助。

Answer 1

许多滑块采用所有内容的HTML加载技术，是这样的：

<div id="slider"> 
    <div class="pane"> 
    content 
    </div> 
    <div class="pane"> 
    content 
    </div> 
    <div class="pane"> 
    content 
    </div> 
</div> 

而高度和所有三个独立的窗格中的高度和宽度的组合的宽度，这将是大于滑块包装div。对于那些不使用JS的人来说，这是他们将看到的。这被认为是优雅的退化，从而他们不会得到幻想滑块，但他们仍然能够看到内容。

一旦JS加载到页面中，滑块脚本很可能会应用限制可查看滑块区域大小的CSS规则。滑块可能会得到高度和宽度参数和溢出的声明，是这样的：

width:200px; 
height:200px; 
overflow:hidden; 

一旦这些规则生效，滑块会看，因为它应该。在这种情况发生之前，您的滑块看起来不像滑块，所有内容都将以非常丑陋的方式显示。

您的项目经理看到它与您不同的原因可能是由于连接速度不同或个别浏览器不一致。这听起来像你的滑块正在工作，你只是想让它做一些不该做的事情。

我认为你可以通过在CSS样式表中添加类似于上面给出的规则的方法来破解这个工作方式。

我知道你不能在这里发布网址，但是如果你可以发布或链接到一些JS，HTML和/或CSS滑块（甚至是在这个项目中使用的滑块脚本），我们可能会更多帮帮我。