Как сделать такую функцию?

Question

[lemonlimelike]

Как сделать чтоб контент не показывался, пока полностью весь не загрузится, то есть пока он будет загружаться, пользователь будет видеть анимацию какую-ту. И когда полностью загрузился он весь показывается. Есть какие-либо статьи насчет этого? Или события есть такие?

Answer 1

[Vitaly]

Это называется прелоадер...
Вот несколько ссылок, почитайте :
smartlanding.biz/kak-sdelat-preloader.html
popel-studio.com/blog/article/preloader-saita-svoi...
https://itproger.com/news/27

PS : Там уже есть готовый код

Answer 2

[Alex Mirgorodskiy]

Попробуй так

В css на весь экран гифка

#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999999;
width: 100%;
height: 100%;
overflow: visible;
background: #fafafa url('../img/1.gif') no-repeat center center;
}

а в jquery

скрыть при полной загрузке странички

jQuery(document).ready(function($) {
$(window).load(function() {
setTimeout(function() {
$('#preloader').fadeOut('slow', function() {});
}, 2000);

});
});