# 052: स्मूद लोडिंग गैलरी, भाग 2 - सीएसएस-ट्रिक्स

विषय - सूची

जिसमें हम उन मुद्दों का पता लगाते हैं जो हम कॉलम लेआउट को अच्छी तरह से लोड करने के लिए प्राप्त कर रहे थे। छवि को लोड करते समय प्लेसहोल्डर बॉक्स काम करने वाले पहलू अनुपात को बनाए रखने वाले सीएसएस को हटाने के लिए फिक्स था (जो सभी के द्वारा पहलू अनुपात रखता है)। फिर "फीका" काम करने के लिए एक सीएसएस कक्षा लागू करें (0 से 1 तक अस्पष्टता को बदलते हुए)। आसान चीज़ और केवल जावास्क्रिप्ट का एक गुड़िया।

यह ध्यान दिया जाना चाहिए कि साइट के लाइव संस्करण पर दुर्भाग्य से यह शांत तकनीक काम नहीं करेगी। वास्तव में प्रभावी होने के लिए, हमें छवि सर्वर-साइड के पहलू अनुपात को जानने की आवश्यकता है, हम सही प्लेसहोल्डर्स के साथ तुरंत ग्रिड बना सकते हैं। दुर्भाग्य से हमारे पास वह जानकारी वास्तविक गैलरी में हमारे पास उपलब्ध नहीं है। हम आयाम प्राप्त करने के लिए PHP का उपयोग कर सकते हैं, लेकिन यह बहुत धीमा है। इसके बजाय, हम सभी छवियों को लोड करने और फिर उनकी अस्पष्टता में फीका होने की प्रतीक्षा करते हैं। काफी शांत और थोड़ा धीमा नहीं है, लेकिन कम से कम लोडिंग जानकी-नेस।

दिलचस्प लेख...