Задержка загрузки на оффлайн html странице - PullRequest
Новая
       6

Задержка загрузки на оффлайн html странице

0 голосов
/ 30 марта 2012

У меня задержка наложения на моей html-странице, если страница не может быть загружена достаточно быстро.

HTML 

<div class="loading" style="display: none; "></div>

CSS 

.loading { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 100000; 
    background: url(../img/loading.gif) no-repeat center center white;  
}

Сценарий 

jQuery(window).load(function() {
 //Image Hover Efect
 jQuery(".loading").fadeOut(1000);  
});

Любые изменения, чтобы получить задержку загрузки страницы, чтобы проверить, в порядке ли scipt?

Ответы [ 2 ]

0 голосов
/ 30 марта 2012

Вместо .load используйте .ready, вот так: 

jQuery(document).ready(function() {
    //Image Hover Efect
    jQuery(".loading").fadeOut('fast');  
});

функция .ready выполняется, когда DOM полностью загружен.

ПОЗДРАВЛЕНИЯ.

0 голосов
/ 30 марта 2012

Вы можете использовать Fiddler , чтобы замедлить ответ от сервера (или задержать его с точкой останова) для проверки этой функции.

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

...