गैलरी के लिए हमारे पास ग्रिड लेआउट है। दुर्भाग्य से इसे लोड करना थोड़ा अचानक और विस्की है। ऐसा इसलिए है क्योंकि CSS3 के कॉलम समान रूप से प्रत्येक कॉलम के बीच सामग्री को विभाजित करने के लिए डिज़ाइन किए गए हैं, लेकिन छवियों को लोड करने में कुछ समय लगता है और अभी तक उपयोग करने के लिए चौड़ाई / ऊंचाई नहीं है। इसलिए जब वे पॉप करते हैं, तो कॉलम को खुद को पुनर्गठित करने की आवश्यकता होती है।
मुझे लगता है कि हम कुछ जावास्क्रिप्ट के साथ इस जीत को रोक सकते हैं। चूंकि हम छवियों की ऊँचाई और चौड़ाई जानते हैं, इसलिए हम प्लेसहोल्डर के रूप में रखने के लिए सही पहलू अनुपात का एक बॉक्स बना सकते हैं। फिर जब छवि लोड हो जाती है, तो हम प्लेसहोल्डर को छवि से बदल देंगे।
वीडियो के अंत तक हम सही रास्ते पर हैं, लेकिन यह थोड़ा टूट गया है। चिंता न करें, हम इसे अगले वीडियो में ठीक कर देंगे।
