Jquery Gestures

My jQuery plugins were created either as experiments or to fulfil some need that I had on a project. I made the plugins available for free on this website - and you can still get them all here now.

I no longer actively support the jQuery plugins for the following reasons...

  • Many of the features can now be achieved without JavaScript using new features of HTML and CSS
  • Some of the features probably shouldn't even have been used, they were just experiments!
  • Not everyone wants to use jQuery - I will create stand alone plugins for the popular stuff that don't enforce any particular framework

Jquery GesturesQuick Links

You can view a demo and grab the code (view source) at...

Gestures Demonstration.

Description

The jQuery Gestures project is a plugin for the jQuery JavaScript Framework, which adds mouse gesture support to a page or zone on a web page.

Simple gestures are available, which track the 8 basic points of the compass, with "North" being "Up". You can also chain together several directional movements to create an advanced shape, for example you could draw "S E N NW SW" which is a basic "Home" shape.

When advanced shapes are being detected, it is recommended that you up the tolerance to at least 50 (the default for normal use is 25). This will stop false detections from being determined from a shaky mouse and will make the detections much more accurate.

You can optionally show a simple trail to help users plot advanced shapes.

JavaScript

$("#example").gestures();

Advanced mode:

$("#example").gestures({ showTrail: true, advancedShapes: true, tolerance: 50 });

You Are Here: Home » Jquery Plugins » Gestures