Можно ли как-то отменять загрузку текущих картинок при переходе в новую галерею при AJAX навигации?

Question

[Евгений]

Здравствуйте,

Работаю над фото сайтом в котором реализована ajax навигация по галереям. Пример такого сайта: pintastic.co/newest/. Каждая галерея содержит 15-20 картинок, и во время быстрой навигации по галереям (стрелками "Следующая", "Предыдущая"), накапливается большая очередь картинок на загрузку, что замедляет открытие новых. Можно ли как-то отменять загрузку текущих картинок при переходе в новую галерею?

Answer 1

[zemka99]

Вызов abort() прерывает запрос, можно вот так попробовать

var xhr;
function navAjax(params){
xhr.abort();
xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: params,
    success: function(msg){
       ...
    }
});
}

Comments

[Евгений]

Спасибо, это уже реализовано, но это прерывает выполнение ajax запроса страницы галереи, а не загрузку текущих картинок. Пробовал сделать по примеру stackoverflow.com/questions/930237/javascript-canc..., работает, но это прерывает загрузку всех картинок, включая не загрузившиеся картинки на главной странице, которые подгружаются плагином infinity scroll.

[zemka99]

Scumtron: Да, вы правы, саму загрузку abort не отменит. Погуглила, не нашла более грамотного решения кроме того, что вы уже скинули. Как вариант, если проблема в том, что не успевают загрузиться картинки на главной
- оптимизировать картинки по максимуму
- сделать desable на навигацию галереи(то есть не будут отправляться новые аяксы и прерываться загрузка) пока не загрузятся картинки на главной

[Евгений]

zemka99: "disable на навигацию галереи", хорошая идея. Можно сделать ajax навигацию по страницам (Infinity Scrolling) при клике на кнопку "Показать еще".

[zemka99]

да, обходные пути есть всегда)

[Евгений]

Есть еще вариант загружать галереи в ифрейме, но он не очень удобен.