Foundation'ın Orbit görüntü kaydırıcısı için görüntüler nasıl yüklenir?

Question

Zurb's Foundation 4.1.5 (en son sürüm) kullanarak, Orbit image slider harika çalışıyor. Ne yazık ki, tüm resimlerin dev bir madde işaretli liste olarak göründüğü ilk birkaç saniyeliğine gerçekten gözüküyor. Sonra JavaScript başladı ve hepsi güzel.

İlk çirkinliği nasıl önleyebilirim? Görüntüleri önceden yükleyebilir miyim? Hazır olana kadar display: none veya visibility: hidden ile her şeye sahip olabilir miyim?

Answer 1

Foundation documentation

Başına Biz Orbit stillendirilmemiş içeriğin çirkin flaş durduran bir sarıcı özelliği ekleyerek başlatır nasıl temizledim.

şöyle, mahfaza içine = basitçe div class arasında, "önyükleyici" doğru preloader eklemek için:: Test

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

Güncelleme: ile test edilmiştir Burada gerekli işaretleme var Vakıf 4.2.1http://foundation.zurb.com/download.php

İkinci Fiddler indirhızları azaltmasını 210