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 样式表中的包含 div 中添加类似于我上面显示的规则来按照您想要的方式进行破解。

我知道您无法在此处发布 url，但如果您可以发布或链接到滑块的一些 JS、HTML 和/或 CSS（甚至是本项目中使用的滑块脚本），我们可能会提供更多帮助。