0

Добрый день мастера JS, подскажите как сделать корректно:

 - Если JQuery загружен, работает, страница только начала загружаться -> показать DIV
 - Когда весь DOM загружен полностью и много картинок по 1.5мб тоже -> скрыть DIV

Заранее спасибо!

1 ответ 1

3

Я бы сделал комбинированное решение, т.к. событие 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();
    });
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.