Эту функцию вынести за Ready
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
// функция предзагрузки изображения jQuery.preloadImages = function () { if (typeof arguments[arguments.length - 1] == 'function') { var callback = arguments[arguments.length - 1]; } else { var callback = false; } if (typeof arguments[0] == 'object') { var images = arguments[0]; var n = images.length; } else { var images = arguments; var n = images.length - 1; } var not_loaded = n; for (var i = 0; i < n; i++) { jQuery(new Image()).attr('src', images[i]).load(function() { if (--not_loaded < 1 && typeof callback == 'function') { callback(); } }); } } |
вот пример вызова ajax
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
jQuery.get(url , function( data ) { var container_str='.container_category_'+category+' .row'; //тут прописываем id, класс цели , что будем проверять jQuery(container_str).html(data); //обработка после загрузки var paths = []; var images = jQuery(container_str).find('img'); images.each(function() { paths.push(jQuery(this).attr('src')); }); jQuery.preloadImages(paths, function () { // инициализация галереи или иной код (можно удалить)- применялся для выравнивания блоков после загрузки. Функция setEqualHeight - описана в другой статье if (jQuery(window).width() >= '750'){ //выравнивание по высоте всех стразу пицц, роллов и других var obj=jQuery(container_str).find(".thumbnail"); //функция выравнивания блоков по высоте ( ) setEqualHeight(obj); } //alert(0); }); }); |
Одиночные картинки
|
1 2 3 |
jQuery.preloadImages(["first_image.jpg","second_image.jpg"], function () { alert('Обе картинки загружены.'); }); |
по сути весь выше код это автоматизация вот этой команды
|
1 2 3 |
$(new Image()).attr('src', '/img/preload_me_plz.jpg').load(function() { alert('Я загрузилось!'); }); |
