Как сделать свайп для одного фото?

Question

[Genri_Rus]

Как сделать свайп одной картинки: пример

Я сделал навигацию при клике, как можно при свайпе мышкой такое реализовать ?

spoiler

Comments

[Сергей delphinpro]

ответить на вопрос, что есть свайп мышкой с точки зрения программирования?
Отвечаю – последовательность событий: mousedown - mousemove - mouseup.
Дальше, думаю, трудностей возникнуть не должно.

[Genri_Rus]

Сергей delphinpro, хотелось бы наглядного примера как это реализовано )
Просто я не совсем понимаю как mousemove в мобильной версии будет работать

[Сергей delphinpro]

Genri_Rus, для сенсорных экранов есть touch события

[Сергей delphinpro]

Genri_Rus, https://developer.mozilla.org/ru/docs/Web/API/Touc...
https://learn.javascript.ru/pointer-events

[Genri_Rus]

Сергей delphinpro, это все хорошо )

Может вы встречали такой слайдер со свайпом на touch в codepen или лучше использовать библиотеку ?

[Genri_Rus]

Сергей delphinpro, сделал что-то приблизительно похожее, однако в песочнице свайп работает только если мышку за iframe уберу.

Читал, что mouseleave в iframe вроде как не работает или у меня где-то ошибка

[Сергей delphinpro]

Genri_Rus, большинство готовых библиотек или плагинов для jquery поддерживают свайпы.

[Сергей delphinpro]

Genri_Rus, в целом подход правильный. только touchend/mouseup лучше вешать на весь document, чтобы избежать зависаний.

[Genri_Rus]

Сергей delphinpro, спасибо попробую )

[Genri_Rus]

Сергей delphinpro, я поменял на document, но почему-то все равно такой баг (