0

Милый человек @RubaXa ВОТ ТУТ посоветовал такой код на "заглушку" когда грузится контент:

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();
    });
});

К сожалению нашлись недочеты который самостоятельным копанием я устранить не смог:

  • в IE9 работает через раз, т.е. бывает что #loading так и не скрывается (скрипты работают);
  • Функция срабатывает до того как загружен весь контент(!) заметил что после скрытия loader'а подгружаются ещё background-image (менять их на Img с z-index -1 не очень хочется);

1 ответ 1

2

Ну да, всё верно. Она грузит только картинки, которые указаны через img. Если вас это не устраивает, нужно использовать onload, либо писать CSS парсер (который будет работать только с CSS, который лежит на том же домене). По поводу IE9 следует подписаться на load abort error, упустил в прошлый раз.

Как видите решение не идеальное, можно попробовать сделать через onLoad, с защитой от "зависания":

(function ($){
    var dfd = $.Deferred();

    $(window).on('load', dfd.resolve);

    // Ждем максимум 5 секунд
    setTimeout(dfd.resolve, 5 * 1000);

    dfd.done(function (){
        $('#loading').hide();
    });
})(jQuery);

Ваш ответ

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

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