jQuery/iScroll - панель прокрутки с интерактивными изображениями

Question

У меня есть панель прокрутки (с использованием iScroll4 & jQuery) для навигации по горизонтальному списку миниатюр, как показано ниже.

Используя мышь, я могу захватить и скольжу эту панель красиво, работает удовольствие. Проблема в том, что теперь я добавил событие click для каждого изображения в списке, поэтому, когда пользователь захватывает и скользит, он нажимает на изображение, в результате чего событие срабатывает. Это раздражает, так как пользователь не хотел выбирать этот образ, они просто хотели посмотреть дальше.

Как это сделать, если они определенно нажимают на изображение, без движения влево или вправо, он выбирает изображение, но если скроллер движется, то это не так?

Пример того, что я говорю, можно найти на плагине Fotorama slider here. Если вы попытаетесь скопировать эскизы, а затем попробуйте нажать на миниатюру, вы увидите, что я имею в виду.

Любая помощь или предложения будут изумительными.

UPDATE

Я обнаружил, что есть onScrollMove и onScrollEnd обратные вызовы в Документах iScroll4. Может быть: onScrollEnd: function() { $(".uploaded_images").unbind("click"); }

ДРУГОЙ UPDATE

На данный момент, у меня вокруг этого, делая изображения двойной интерактивными, вместо одного, но я все же хотел бы знать, как это возможно.

Answer 1

Плагин Fotorama, вероятно, использует событие mousedown в javascript для перетаскивания, и если он будет слайд, он отключает щелчок эскиза. Вы исправите, просто добавьте в нижней части больше комнаты (Padding, если хотите), чтобы пользователь мог перетащить ее. Или используйте плагин Fotorama. или просто сделайте так, чтобы пользователь мог прокручиваться с помощью полосы прокрутки и колесика прокрутки. Я загляну в плагин iscroll, чтобы посмотреть, могу ли я сделать событие mousedown