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