CODEWITHSUNDEEP
javascriptjquerymouseswipe
gabitzish
gabitzish

Reputation: 9691

Simulate swipe with mouse in javascript

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 to use the mouse drag to simulate swipe. Any good ideeas?

Upvotes: 20

Views: 32589

Answers (5)

FreePender
FreePender

Reputation: 4879

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

Upvotes: 2

Jorik
Jorik

Reputation: 631

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.

Upvotes: 2

FreePender
FreePender

Reputation: 4879

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.

Upvotes: 9

Jasper
Jasper

Reputation: 76003

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).

Upvotes: 4

gilly3
gilly3

Reputation: 91497

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

Upvotes: 8

Related Questions