WIndow preloader задерживается в jquery

Question

Привет Я пытаюсь добавить прелоадер на свою страницу, но происходит то, что загрузчик страницы не загружается при входе в окно. Он ждет загрузки окна, то он также показывает загрузчик ... Как я могу это исправить? Вот мой код:

$(window).load(function(){ 
$("#all").hide(); 
var wh = $(window).height(); 
$("#loader").show(); 
$("#all").hide(); 
$("#loader").css("height",wh); 
$("#loader").delay(4000).fadeOut(400); 
$("#all").delay(4020).fadeIn(400); 
}); 

Так что, короче говоря, сначала я могу увидеть страницу, после чего приходит грузчик !!! Я не знаю, как это исправить, Любая помощь будет принята с благодарностью!

Answer 1

window.load не срабатывает, пока не будет загружена вся страница. Попробуйте использовать document.ready. http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/ также может быть для вас полезным.

Если document.ready еще не достаточно рано для вас, сделайте загрузчик по умолчанию, а затем спрячьте его в нужную точку.

Answer 2

Я бы написал код таким образом:

$(document).ready(function() { 
     var wh = $(window).height(); 
     $("#all").hide(); 
     $("#loader").css("height",wh); 
     $('#loader').show('slow', function() { 
     $("#loader").delay(4000).fadeOut(400); 
     $("#all").delay(4020).fadeIn(400); 
     }); 
    }); 

Это первый загружает страницу и скрыть все, кроме пользовательского загрузчика на этой странице. Тогда отдохните, что вы знаете. Вы также можете использовать функцию анимации для вызова пользовательского загрузчика с задержкой.