如何预先载入图像为基础的轨道图像滑块?(How to preload images for Foun

2019-09-02 16:10发布

使用Zurb基金会4.1.5(最新版本),该轨道图像滑块的伟大工程。 不幸的是,它看起来真的是第一对夫妇的所有图像显示为一个巨大的项目符号列表秒。 然后JavaScript的踢,这一切是美丽的。

如何避免最初的丑陋? 我可以预载的图片? 我可以有一切display: nonevisibility: hidden ,直到它准备好了?

Answer 1:

每Foundation文档

我们清洁了轨道通过添加一个包装的功能,停止对无样式内容的丑陋闪光灯如何初始化。 下面是需要的标记:

要增加预加载,只是包括一个div类=“预加载”正确的包装袋中,就像这样:

<div class="slideshow-wrapper">
      <div class="preloader"></div>
      <ul data-orbit>
        <!-- Orbit slides -->
      </ul>
    </div>

更新测试:测试与基金会4.2.1 http://foundation.zurb.com/download.php

二手提琴手油门下载速度http://fiddler2.com/



文章来源: How to preload images for Foundation's Orbit image slider?