फाउंडेशन के कक्षा छवि स्लाइडर के लिए छवियों को प्रीलोड कैसे करें?

Question

ज़र्ब फाउंडेशन 4.1.5 (नवीनतम संस्करण) का उपयोग करके, Orbit image slider बहुत अच्छा काम करता है। दुर्भाग्य से यह वास्तव में पहले कुछ सेकंड के लिए दिखता है जहां सभी छवियां विशाल बुलेट सूची के रूप में दिखाई देती हैं। फिर जावास्क्रिप्ट में आता है और यह सब सुंदर है।

मैं प्रारंभिक कुरूपता से कैसे बचूं? क्या मैं छवियों को प्रीलोड कर सकता हूं? क्या मेरे पास display: none या visibility: hidden के साथ सबकुछ तैयार हो सकता है जब तक कि यह तैयार न हो?

Answer 1

प्रति Foundation documentation

हम साफ किया है कि सबसे ऑर्बिट एक आवरण सुविधा कि unstyled सामग्री के बदसूरत फ़्लैश बंद हो जाता है जोड़कर initializes।

इसलिए की तरह आवरण के अंदर "preloader" सही preloader जोड़ने के लिए, बस एक div class शामिल =,:

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

अद्यतन परीक्षण किया गया: साथ परीक्षण किया गया यहाँ मार्कअप की जरूरत है फाउंडेशन 4.2.1http://foundation.zurb.com/download.php

प्रयुक्त फ़िडलर डाउनलोड गतिरुके 210