(function($) {"use strict";
$.fn.ctPreloader = function(callback) {
$(this).each(function() {
var $el = $(this);
if(!$el.prev('.preloader').length) {
$('<div class="preloader">').insertBefore($el);
}
$el.data('ctPreloader', $('img, iframe', $el).add($el.filter('img, iframe')).length);
if($el.data('ctPreloader') == 0) {
$el.prev('.preloader').remove();
callback();
$el.trigger('ct-preloader-loaded');
return;
}
$('img, iframe', $el).add($el.filter('img, iframe')).each(function() {
var $obj = $('<img>');
if($(this).prop('tagName').toLowerCase() == 'iframe') {
$obj = $(this);
}
$obj.attr('src', $(this).attr('src'));
$obj.on('load error', function() {
$el.data('ctPreloader', $el.data('ctPreloader')-1);
if($el.data('ctPreloader') == 0) {
$el.prev('.preloader').remove();
callback();
$el.trigger('ct-preloader-loaded');
}
});
});
});
}
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Вот такой код прелоадера. Но он закрывается раньше чем загружается вся страница. Но не успевает загрузится CSS и фоновые картинки. Как сделать что бы страница показывалась после того как полностью вся страница готова?
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Вроде нормально пишу код, делаю переменную, но вот
Как правильно организовать фильтр для выбора бренда и цены?