क्या एचटीएमएल/सीएसएस का उपयोग कर छवियों को प्री-लोड करने का कोई तरीका है?प्री-लोडिंग छवियां
उत्तर
हाँ आप कर सकते हैं। इस विषय पर कई ट्यूटोरियल उपलब्ध हैं - here is one of them।
यदि आप अपने सीएसएस में एक यूआरएल शामिल करते हैं, तो छवि को डाउनलोड किया जाएगा क्योंकि .css फ़ाइल दस्तावेज़ में लोड हो जाती है।
हाँ: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
धन्यवाद ... कि यूआरएल पहले से ही उपरोक्त (पहले) उत्तर में जुड़ा हुआ था। – natas
हाँ, वहाँ है। सीएसएस स्प्राइट नामक एक तकनीक है।
यह मूल रूप से एक बड़ी छवि लोड करके काम करता है और फिर आवश्यकतानुसार छवि के कुछ हिस्सों को प्रदर्शित करता है। जाहिर है, यह तकनीक हर समाधान के लिए व्यावहारिक नहीं है लेकिन यह कई लोगों के लिए अच्छा है। A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death
या और भी आसान: <link rel="prefetch" href="path to image">
(Firefox)
एक सूची के अलावा इस पर एक महान ट्यूटोरियल है।
<link rel="prerender" href="http://example.org/index.html">
(क्रोम)
अच्छा, लेकिन मोज़िला केवल – saille
है ना? मैं आशा करता था कि अन्य ब्राउज़रों ने इसे पहले ही उठाया होगा। – Ms2ger
नोट/अपडेट: 'प्रीफेच' है [एचटीएमएल 5 मानक] (http://www.w3.org/TR/html5/links.html#link-type-prefetch)। भले ही मैंने अभी तक परीक्षण नहीं किया है कि कौन सा ब्राउज़र इस सुविधा को पूरी तरह कार्यान्वित करता है (2014 में)। –
- 1. छवियां गैलरी, प्रीलोडिंग बनाम AJAX
- 2. प्रीलोडिंग असेंबली
- 3. आईओएस: AVPlayer वीडियो प्रीलोडिंग
- 4. छवि प्रीलोडिंग अप्रभावी क्यों है?
- 5. जार स्टार्टअप पर जावा क्लास/लाइब्रेरी प्रीलोडिंग?
- 6. जावास्क्रिप्ट प्रीलोडिंग कैसे काम करता है?
- 7. प्रति मॉडल एकाधिक छवियां
- 8. छवि पर छवियां
- 9. Google छवियां एपीआई
- 10. छवि मैजिक ओवरलेइंग छवियां
- 11. प्रिंट छवियां सी # .net
- 12. छद्म-तत्व और छवियां
- 13. 4-पॉइंट ट्रांसफॉर्म छवियां
- 14. डब्ल्यूपीएफ छवियां बनाम एक्सएएमएल
- 15. आरएसएस फ़ीड में छवियां
- 16. प्री-लोडेड छवियां क्रोम
- 17. आइसोटोप ओवरलैपिंग छवियां?
- 18. एसडीवेब इमेज भ्रष्ट छवियां
- 19. केंद्रित छवियां धुंधली हैं
- 20. सीएसएस पृष्ठभूमि छवियां आईपैड
- 21. 'इसी तरह की छवियां'
- 22. पेपरक्लिप प्रक्रिया छवियां केवल
- 23. ओपनकार्ट शो श्रेणी छवियां?
- 24. एसएसएमएस में छवियां देखें?
- 25. WPF TabItem शीर्षलेख छवियां
- 26. एकाधिक छवियां बनाम spritesheet
- 27. छवियां एएसपी वेबएप (सी #)
- 28. छवियां चयनित टैबआईटम
- 29. पायथन पीआईएल वैल्यूएरर: छवियां
- 30. jQuery यूआई लाइब्रेरी और छवियां
कम से कम नहीं, सभी ब्राउज़रों के लिए नहीं। अधिकतर ब्राउज़र सीएसएस यूआरएल की मांग पर लोड करते हैं, इसलिए उपयोगकर्ता होवर तक होवर छवियां डाउनलोड नहीं होती हैं। – saille