Имитация смахивания с помощью мыши в JavaScript

Question

Я пытаюсь сделать вращатель изображения, который работает на мобильных устройствах, используя пролистывание для навигации.Я также пытаюсь заставить тот же ротатор работать в браузерах для ПК, но чтобы можно было использовать перетаскивание мышью для имитации пролистывания.Есть хорошие идеи?

Answer 1

Я изучил большинство из них ... Я бы порекомендовал посмотреть

Hammer.Js

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

Answer 2

Вы захотите обрабатывать события onmousedown, onmousemove и onmouseup, отслеживая положение мыши и соответственно манипулируя вращателем изображения.

Answer 3

Я полагаю, вы ищете этот ответ: Автономный jQuery "сенсорный" метод?

В принятом ответе есть код для реализации поддержки пролистывания влево / вправо, а другой ответ внизу имеетссылка на плагин, который выполняет аналогичную задачу: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library (этот плагин позволяет обнаруживать пролистывания в четырех направлениях).

Answer 4

Когда вы используете Hammer.js, вы также поддерживаете события касания / мыши и указателя. Это для ноутбуков с сенсорным экраном, таких как Chromebook Pixel и Windows8. Большинство библиотек пока не поддерживают их.

Answer 5

В итоге я использовал iDangerous iSwiper , который удовлетворял всем моим потребностям и (IMO) очень превосходен.