如何为Foundation的Orbit图像滑块预加载图像？

Question

使用Zurb's Foundation 4.1.5（最新版本），Orbit image slider的效果很好。不幸的是，它看起来真的在头几秒钟所有的图像显示为一个巨大的项目符号列表。然后JavaScript开始，这一切都很美丽。

我该如何避免最初的丑陋？我可以预先加载图像吗？我可以在display: none或visibility: hidden之前完成所有任务吗？

Answer 1

每Foundation documentation

我们清洁了轨道加入了包装功能 该停止的无样式内容的丑陋闪光灯如何初始化。下面是需要的标记 ：

要增加预加载，只是包括一个div类= “预加载” 右 包装里面，像这样：

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

更新测试：测试与 Foundation 4.2.1http://foundation.zurb.com/download.php

使用提琴手来调节下载速度http://fiddler2.com/