jQuery, सामग्री भरी हुई

Question

जब तक मैं वर्तमान में इस स्क्रिप्ट का उपयोग कर रहा पेज संक्रमण फीका करने के लिए छिपाने:

$(document).ready(function() { 

    $(window).bind("unload", function() {}); 
    $("body").css("display", "none"); 

    $("body").hide(); 

    $("body").fadeIn(2000); 

    $('a.fade1, a.fade2, a.fade3, a.fade4').click(function(event) { 
     event.preventDefault(); 
     linkLocation = this.href; 
     $("body").fadeOut(700, redirectPage); 
    }); 

    function redirectPage() { 
     window.location = linkLocation; 
    } 

});​ 

यह एक आकर्षण की तरह काम करता है जब सामग्री कैश में alredy है, लेकिन क्षण भर होगा जब एक छवि लोड करने के लिए की जरूरत है दिखाई तो छिपा हुआ और

में फीका किया

तो क्या मैं जरूरत है एक तरह से सामग्री छिपाने के लिए जब तक यह पूरी तरह से लोड है और केवल उस के बाद करते हैं, कोई मेरी मदद कर सकते उस में

आशा फीका हो अग्रिम

में धन्यवाद है

Answer 1

डिफ़ॉल्ट रूप से तत्व को छिपाने के लिए सीएसएस का उपयोग करें और फिर जब आप चाहें तो इसे दिखाएं।

सीएसएस

body { 
    display: none; 
} 

jQuery

$(window).load(function() { 
    // When the page has loaded 
    $("body").fadeIn(2000); 
}); 

लोड घटना एक तत्व के लिए भेजा जब यह और सभी उप-तत्व पूरी तरह से लोड किया गया है।

load event देखें।

आप भी अपनी "fadeX" कक्षाएं, कुछ "फीका"