suautumn / pinchzoom

RTP.PinchZoom.js – A Javascript library providing multi touch gestures for zooming and dragging on any DOM element.

PinchZoom.js

PinchZoom.js is a Javascript library providing multi touch gestures for zooming and dragging on any DOM element.

Usage

Requirements

• jQuery or Zepto.
• ECMA 5 support (http://caniuse.com/use-strict).

Initialisation

new PinchZoom($('#your-element'), options);

Options

tapZoomFactor:      The zoom factor a double tap zooms to. (default 2)
zoomOutFactor:      Resizes to original size when zoom factor is below the configured value. (default 1.3)
animationDuration:  The animation duration in milliseconds. (default 300)
maxZoom:            The maximum zoom factor. (default 4)
minZoom:            The minimum zoom factor. (default 0.5)
lockDragAxis        Locks panning of the element to a single axis. (default false)

Events

Pinchzoom emits some custom events you can listen to

pz_zoomstart  Started to zoom
pz_zoomend    Stopped zooming
pz_dragstart  Started to drag the element
pz_dragend    Stopped to drag the element
pz_doubletap  Resetting the zoom with doubletab

Methods

enable:             Enables all gesture capturing (default)
disable:            Disables all gesture capturing

Licence

PinchZoom is licensed under the MIT License.

Github Page with demo

http://rtp-ch.github.com/pinchzoom/