Categories
addSwipe plugin jQuery

AddSwipe plugin

With this plugin you can add swipe action to a layer, and render actions for the left and right swipe move gesture. Works with mouse and touchscreen uniformly. You can also set it up to snap to grid, e.g. window width or a fraction of the width.

Syntax

$(layer).addSwipe( leftFn, rightFn, { options } );

  • leftFn the function to be called on left swipe event
  • rightFn the function to be called on right swipe event
options
  • minDist minimum distance in pixels that is to be treated as swipe (default = 40)
  • snapGrid the grid to snap, 1 means snap to whole width, 2: half width (default = 0, no snap)
  • keepWithin the content is not allowed go off the window (default = true)
methods
  • unswipe detach the swipe functionality from the element
  • resetswipe moves the layer to the starting position

Example

[read-code path="/static/addswipe-plugin/sample.html"]

Requirements

jQuery 1.7 or higher

License

Available for use in all personal or commercial projects under both MIT and GPL licenses.

Copyright (c) 2012 Laszlo Molnar