आइसोटोप आइटम प्रारंभिक लोड

Question

this site के लिए चिनाई लेआउट का उपयोग करके और प्रत्येक बॉक्स को ओवरलैप करने वाले पहले लोड पर ओवरलैप करते हैं। यदि आप सॉर्ट करने के लिए किसी नेविगेशन आइटम का उपयोग करते हैं या यहां तक ​​कि बस "सभी" पर रहते हैं तो वे खुद को पुनर्व्यवस्थित करते हैं। कोई विचार?

Answer 1

मेरे पास अभी तक 50 की प्रतिष्ठा नहीं है इसलिए मैं टिप्पणी नहीं कर सकता, लेकिन मैं कुछ सुझावों को साझा करना चाहता था जो मैंने अतीत में ठोकर खाई थी क्योंकि मैंने इस प्लगइन का बहुत उपयोग किया है, और यह मदद कर सकता है अन्य लोग।

सबसे पहले, मैं निश्चित रूप से छवि लोडेड फ़ंक्शन का उपयोग सारा के रूप में करता हूं, और अधिभार नहीं। (https://github.com/desandro/imagesloaded)

टिप 1 - आइसोटोप प्लगइन (उपयोगी अगर छवि आकार बड़ा कर रहे हैं, या आप उनमें से एक बहुत कुछ है) काम करने के लिए हो रही में तेजी लाने के लिए, आपको imagesLoaded के बाद प्रत्येक कंटेनर के लिए एक प्लेसहोल्डर छवि लोड करते हैं, तो प्लगइन आग, आप आइसोटोप प्लगइन जल्दी काम करने के लिए मिल सकता है। फिर आप असली छवि को डेटा-एट्रिब्यूट के साथ स्वैप कर सकते हैं जिसमें वास्तविक स्रोत यूआरएल है, बस आईएसओटॉप कॉलबैक (http://isotope.metafizzy.co/events.html) का उपयोग करके ऐसा करें। एकमात्र चेतावनी आपकी छवियों को समान आयामों की आवश्यकता होगी क्योंकि प्लेसहोल्डर या कंटेनरों का आकार बदलना और फिर से ओवरलैप हो सकता है।

टिप 2 - मैंने वास्तव में ऐसा कभी नहीं किया, लेकिन एक विधि जिसे मैं उपयोग करने के बारे में सोच रहा था, छवियों को कंटेनर की पृष्ठभूमि छवि के रूप में लोड करना था, ऊंचाई निर्धारित करना और कंटेनर के लिए (या कम से कम छवि भाग इसके), छवियों को पृष्ठभूमि आकार के रूप में सेट करें: कवर; और फिर आपको आइसोटोप प्लगइन काम करने से पहले लोड होने वाली छवियों के बारे में चिंता करने की आवश्यकता नहीं है।