Visibility 如何为Foundation';s轨道图像滑块? 使用Zurb的基础4.1.5(最新版本),作品很棒。不幸的是,在最初的几秒钟里,所有图像都显示为一个巨大的项目符号列表。然后JavaScript启动了,一切都很美好

Visibility 如何为Foundation';s轨道图像滑块? 使用Zurb的基础4.1.5(最新版本),作品很棒。不幸的是,在最初的几秒钟里,所有图像都显示为一个巨大的项目符号列表。然后JavaScript启动了,一切都很美好,visibility,zurb-foundation,preloading,image-preloader,orbit,Visibility,Zurb Foundation,Preloading,Image Preloader,Orbit,我如何避免最初的丑陋?我可以预加载图像吗?在准备就绪之前,我是否可以将所有内容都显示为“无”或“可见性:隐藏” 我们已经通过添加包装器特性清理了Orbit初始化的方式 这就阻止了未格式化内容的丑陋闪光。这是标记 需要: 要添加预加载程序,只需包含一个div class=“preload”右键 在包装内,如下所示: 测试更新: 用基金会 4.2.1>强> 进行测试 使用Fiddler来限制下载速度是的,但你需要亲自尝试,以了解它是否按预期工作感谢您的响应:)使用版本4.2.1测试它,使用F

我如何避免最初的丑陋?我可以预加载图像吗?在准备就绪之前,我是否可以将所有内容都显示为“无”或“可见性:隐藏”

我们已经通过添加包装器特性清理了Orbit初始化的方式 这就阻止了未格式化内容的丑陋闪光。这是标记 需要:

要添加预加载程序,只需包含一个div class=“preload”右键 在包装内,如下所示:




测试更新: 用基金会<强> 4.2.1>强>

进行测试
使用Fiddler来限制下载速度

是的,但你需要亲自尝试,以了解它是否按预期工作感谢您的响应:)使用版本4.2.1测试它,使用Fiddler来限制连接速度。效果很好。
<div class="slideshow-wrapper">
      <div class="preloader"></div>
      <ul data-orbit>
        <!-- Orbit slides -->
      </ul>
    </div>