कोई छवि लोड नहीं होने पर कुछ करें (jquery)

Question

जब कोई विज़िटर साइट पर आता है तो पृष्ठभूमि छवि में फीका दिख रहा है, लेकिन जब उन्हें पहले से ही उस कैश में वह छवि नहीं मिलती है। इस के साथ कुछ:

1. जांचें कि पृष्ठभूमि छवि पहले से ही कैश में है या नहीं।
2. यदि यह तब दिखाया जाता है।
3. यह तो इसे छिपाने नहीं है और जब यह लोड करता है, में यह नहीं हो पाती

jQuery का उपयोग करते हुए मैं इसे छिपाने के लिए और फिर जब लोड में यह फीका कर सकते हैं:।

$("#bkg img").hide(); 

$('#bkg img').load(function() { 
$(this).fadeIn(); 
}); 

लेकिन यह कैसे क्या मैं यह सशर्त बनाता हूं इसलिए यह केवल तभी होता है जब छवि पहले से कैश नहीं है?

जब भी कोई छवि लोड हो जाती है तो फ़ोरम पर जो कुछ भी मिला है, वह ट्रिगर होता है। मैं इसे ट्रिगर करने के लिए कैसे प्राप्त कर सकता हूं क्योंकि यह लोड नहीं होता है?

किसी भी मदद के लिए धन्यवाद, Lernz

@Sima कोड that other thread से मैं निम्नलिखित के रूप में जहाँ तक यह कर दिया है के आधार पर - लेकिन यह किसी भी प्रभाव पड़ रहा होने के लिए प्रतीत नहीं होता। जैसा कि आप देख मैं कहाँ गलत जा रहा हूँ कर सकते हैं कि महान होगा:

var storage = window.localStorage; 
if (!storage.cachedElements) { 
storage.cachedElements = ""; 
} 

function logCache(source) { 
if (storage.cachedElements.indexOf(source, 0) < 0) { 
    if (storage.cachedElements != "") 
    storage.cachedElements += ";"; 
     storage.cachedElements += source; 
    } 
} 

function cached(source) { 
    return (storage.cachedElements.indexOf(source, 0) >= 0); 
} 

var plImages; 

//On DOM Ready 
$(document).ready(function() { 
    plImages = $("#fundo-1 img"); 

    //log cached images 
    plImages.bind('load', function() { 
     logCache($(this).attr("src")); 
    }); 

    //display cached images 

    plImages.each(function() { 
    var source = $(this).attr("src") 
    if (!cached(source)) { 
     $(this).hide().fadeIn(); 
    } 
    }); 

}); 

Answer 1

आप कोशिश कर सकते हैं:

if(!$('#bkg img')[0].complete) { 
    $('#bkg img').hide().load(function() { 
     $(this).fadeIn(); 
    }); 
} 

https://developer.mozilla.org/en/DOM/HTMLImageElement

Answer 2

$("#bkg img").hide();  
var imgCount=$("#bkg img").length; 
$('#bkg img').load(function(){ 
    if(!--imgCount){ 
     $('#bkg img').fadeIn(); 
      // your code after load 
    } else { 
     // your code onloading time 
    } 
}); 

Answer 3

मुझे लगता है कि के रूप में आसान नहीं है जैसा कि यह दिखता है, here एक समाधान होना चाहिए ..