Simulate swipe with mouse in javascript

Question

I\'m trying to make an image rotator that works on mobile devices using swipe for navigation. I\'m also trying to make the same rotator to work on PC browsers but to be able

Answer 1

You'll want to handle onmousedown, onmousemove, and onmouseup events, keeping track of the mouse position and manipulating your image rotator accordingly.

Answer 2

I believe you are looking for this answer: Standalone jQuery "touch" method?

The accepted answer has code to implement swipe left/right support and another answer lower down has a link to a plugin that does a similar task: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library (this plugin allows detection of swipes in four directions).

Answer 3

I've looked into most of these... I'd recommend looking into

Hammer.Js

From what little I've seen, it has support for both desktop and mobile swiping and I was impressed with the demos.

Answer 4

When you use Hammer.js, you also have support for touch/mouse and pointer events. This for touch screen laptops like the chromebook pixel and windows8. Most of the libraries out there dont support those yet.

Answer 5

I ended up using iDangerous iSwiper, which met all my needs and is (IMO) very excellent.