OnLoad
मेरे वेबपृष्ठ के हैंडलर में मैं यह जांचने की कोशिश कर रहा हूं कि सभी छवियां सही तरीके से लोड हो गई हैं या नहीं।कैसे जावास्क्रिप्ट का उपयोग कर छवियों को लोड किया गया है यह जांचें?
मैं सभी <img>
टैग पर पुनरावृत्ति कर रहा हूं और उन्हें अपने isImageLoaded()
फ़ंक्शन के साथ जांच रहा हूं। दुर्भाग्य से मेरा फ़ंक्शन केवल फ़ायरफ़ॉक्स और आईई के साथ संस्करण 8 तक काम करता है।
कोई सुझाव मैं आईई 9 और 10 में काम करने के लिए कैसे प्राप्त कर सकता हूं?
function isImageLoaded(img) {
// check for IE
if (!img.complete) {
return false;
}
// check for Firefox
if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
return false;
}
// assume it's ok
return true;
}
अद्यतन: यह मुख्य अपराधी पता चला है से पहले सभी छवि IE9 + द्वारा लोड किए गए हैं कि OnLoad निकाल दिया जा सकता है। पृष्ठ में छवियों की जांच करने के लिए एक बेहतर ट्रिगर क्या होगा? मैं उन सभी को एक बार में जांचना पसंद करूंगा, न कि व्यक्तिगत ऑनलोड/ऑनरर हैंडलर के साथ।
धन्यवाद sdespont! मैं पृष्ठ आकार को रखने के लिए लाइब्रेरी का उपयोग करने से बचने की कोशिश कर रहा हूं। –
क्या आपने प्रत्येक छवि के लिए 'ऑनलोड' ईवेंट हैंडलर जोड़ने और कितनी बार आग लगाई है? –
मैं वर्तमान में ऑनलोड लोड हैंडलर का उपयोग कर रहा हूं। मुझे लगता है कि केवल एक बार बुलाया जाता है। क्या आपको लगता है कि छवियों को पूरी तरह लोड होने से पहले IE 9 + 10 इसे कॉल करें? –