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（甚至是这个项目中使用的滑块脚本），我们可能会提供更多帮助

Wordpress - 奇怪的加载问题

1 个答案: