Предотвращение загрузки изображения

Question

Я ищу способ предотвратить загрузку изображения.

Я создал 2 кнопки, один для previous изображения, а другой кнопки для изображения next. Когда пользователь нажимает кнопку next, я просто меняю src изображения и показываю следующий URL-адрес. Проблема в том, что пользователь нажимает кнопку next достаточно быстро. src будет изменен несколько раз, и он все равно загрузит все эти ссылки src или изображения, которые передаются вниз. Это приведет к замедлению работы сервера.

Моя цель состоит в том, чтобы не загружать все эти изображения и показывать текущий src, где пользователь останавливается.

Answer 1

Вы можете использовать метод jQuery .stop() или .clearQueue() при событии click из ссылок «Next/Prev», это остановит загрузку всех изображений одновременно.

Ex: HTML код

<div id="hoverme-stop-2"> 
    <div class="box"></div> 
    <div class="box"></div> 
    <div class="box"></div> 
    <div class="box"></div> 
</div> 

JS код

$("#hoverme-stop-2").hover(function() { 
    $(this).find("div").stop(true, true).fadeOut(); 
}, function() { 
    $(this).find("div").stop(true, true).fadeIn(); 
}); 

Вы можете сравнить поведение путем удаления/добавления стоп() из кода.

Надеюсь, это поможет!