@yarka_serov

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

Вот мои наработки..Может что-то не правильно?
Скрипт
$(window).on('load', function () {
var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.spinner');
$spinner.fadeOut();
$preloader.delay(350).fadeOut('slow');
});

CSS
#page-preloader {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1001;
}

#page-preloader .spinner {
position: absolute;
background: #404040 url("media/images/load.svg") center center no-repeat;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 320px;
background-size:100px;
}

HTML
  • Вопрос задан
  • 642 просмотра
Пригласить эксперта
Ответы на вопрос 1
Выложите пожалуйста код HTML.
Так же неплохо было бы получить ссылку где это все вертится.

Я так понимаю вы делаете все по данной инструкции: ?
_popel-studio.com/blog/article/preloader-saita-svoi...

Если да, то должно все работать, ищите проблемы в коде.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы