Скрыть все содержимое до его полной загрузки

Question

$(document).ready(function(){ 
setTimeout(function(){$('.preloader').fadeOut()}, 5000); 
}); 

Этот маленький базовый код показывает значок загрузки, который исчезает при загрузке документа. Как вы можете видеть здесь http://www.intelligen.info, он медленно показывает содержимое до его загрузки.

Как изменить приведенный выше код, чтобы он скрывал весь контент до его полной загрузки?

Answer 1

Вся страница?

$(document).ready(function() { 
    $('.preloader').fadeOut(300); 
}); 

Если вы хотите ждать, пока изображение тоже, то, ну ...

$(document).ready(function() { 

    var imageCount = $('img').length; 
    $('img').load(function() { 
     imageCount--; 
     if (imageCount <= 0) 
      $('.preloader').fadeOut(300); 
    }); 

}); 

Answer 2

$(document).on('ready', function() { 
    // this is run first, as soon as we can play with the DOM 
    showLoadingScreen(); 
}); 

$(window).on('load', function() { 
    // this is run after, once all the content has loaded (img etc) 
    hideLoadingScreen(); 
});