मुझे 'पूर्ण' छवियों की संख्या कैसे मिलती है?

Question

मैं एक विशिष्ट तत्व (div) के भीतर छवियों की संख्या को ढूंढना चाहता हूं जिसमें संपत्ति 'पूर्ण' है (जैसे ब्राउज़र में उन्हें लोड करना पूरा हो गया है)।

मैं अब एक घंटे से अधिक समय तक इस पर ठोकर खा रहा हूं और मेरा दिमाग पूरी तरह से तला हुआ है। कुछ मदद की सराहना की जाएगी।

धन्यवाद

Answer 1

complete संपत्ति के साथ छवियों को खोजने के लिए अपने तत्काल सवाल का जवाब करने के लिए, तो आप इस इस्तेमाल कर सकते हैं:

var container = document.getElementById("div_id"), 
    images = container.getElementsByTagName("img"), 
    completeImages = [], 
    j = images.length, 
    i, cur; 
for (i = 0; i < j; i++) { 
    cur = images[i]; 
    if (cur.complete) { 
     completeImages.push(cur); 
    } 
} 

के बाद इस कोड चलता है, completeImages<img> तत्व की एक सरणी है complete संपत्ति true के रूप में।

jQuery के साथ

, आप इस्तेमाल कर सकते हैं:

var images = $("#div_id").find("img").filter(function() { 
    return $(this).prop("complete"); 
    // or 
    return this.complete; 
}); 

इस मामले में, images, एक jQuery <img> तत्वों है कि true रूप complete संपत्ति की वस्तु (सरणी जैसी वस्तु) है।

$("#div_id").on("load", "img", function() { 
    $(this).data("image-complete", true); 
}); 

और पता लगाने के लिए जो/कितने लोड किए गए हैं:

इसके बजाय complete संपत्ति की जाँच की

, एक और विकल्प है, जब वे लोड और उनके लिए विशेष डेटा सेट का पता लगाने के load घटना उपयोग करने के लिए है

imag के साथ इस्तेमाल किया जब लोड घटना की "चेतावनियां के लिए नीचे स्क्रॉल - http://api.jquery.com/load-event/:

$("#div_id").find("img").filter(function() { 
    return $(this).data("image-complete"); 
}); 

ध्यान दें कि load घटना पूरी तरह से समर्थित नहीं है/<img> रों साथ विश्वसनीय एसएस "खंड।

Answer 2

तुम भी वर्गों का उपयोग एक ही व्यवहार को पुन सकता है -

$("img").load(function(){ 
    $(this).addClass('complete'); 
}); 

अब जब भी आप को देखने के लिए कितने छवियों लोड हो जाने पर आप सिर्फ इस का भी उपयोग करेंगे चाहते हैं -

$("img.complete").length