Есть несколько вкладок с большим количеством картинок. Идея состоит в том, чтобы загружать картинки только текущей вкладки. Для вкладок я использую Jquery UI, для картинок lazyload метод. Подгружаю картинки только текущей вкладки следующим образом:
$("#tabs").tabs({
show: function(event, ui) {
$('img.lazy', ui.panel).each(function(){
var imageSrc = $(this).attr("data-original-src");
$(this).attr("src", imageSrc);
});
}
});
Некоторые вкладки содержат в себе до 750 картинок. Поэтому возник вопрос - как остановить загрузку текущей вкладки, если была нажата другая вкладка и начать немедленную загрузку картинок из нажатой вкладки?