Как на JS/jQuery реализовать слайдер с тач-пролистыванием?

Question

[BarneyGumble]

Добрый день

Подскажите, как на JS/jQuery реализовать слайдер с тач-пролистыванием подобно тому, как это пролистывание работает на смартфонах?

Везде реализации пролистывания либо через control-кнопки, либо автоматические, а вот насчёт тач-пролистывания не нашёл информации

Answer 1

[Max Bozhenov]

Если не важны технологии, можно использовать jquery плагин Owl Carousel, либо как писали выше, его аналог Slick Carousel (мой выбар пал на Owl)

Если важны технологии, можно сделать что то свое, swipe slider + hammer.js

Answer 2

[Михаил Захаров]

Это называется свайп. Гуглите и скачивайте плагин swipe.js. А работает он так:

$("#block").on("swipeleft", function(){
alert("left");
}).on("swiperight", function(){
alert("right");
});

Answer 3

[Андрей Гончаров]

Готовые плагины
Slick
flickity

Comments

[BarneyGumble]

Хотелось бы обойтись без лишнего кода плагинов

[Kovalsky]

BarneyGumble: а в чем тогда вопрос у вас? Если вас интересует реализация, то её можно найти по первому же запросу "js create touch slider" в гугле, серьёзно, вот. Там описано какие используются ивенты и т.д.