Добрый день мастера JS, подскажите как сделать корректно:
- Если JQuery загружен, работает, страница только начала загружаться -> показать DIV
- Когда весь DOM загружен полностью и много картинок по 1.5мб тоже -> скрыть DIV
Заранее спасибо!
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЯ бы сделал комбинированное решение, т.к. событие onLoad может произойти достаточно поздно, либо вообще никогда в силу разных причин:
jQuery(function ($){
// DOM Ready!
var imagesQueue = [];
$.each(document.images, function (i, img){
if( !img.complete ){
var dfd = $.Deferred();
$(img).one('load abort', dfd.resolve);
imagesQueue.push(dfd);
}
});
$.when.apply($, imagesQueue).done(function (){
// Все изображения "загружены"
$('#loading').hide();
});
});