jQuery Panzoom

jQuery Panzoom allows visitors to zoom in or out an image using simple controls.

Panning is also supported, but is mainly used for smoothing out zoom effects.

Mobile support for touch gestures is also packed with the plugin's source, along with hardware/GPU acceleration.

jQuery Panzoom not only supports most image types, but also works with SVG vector graphics as well.

A demo is included with the download package.

What is new in this release:

• Use absolute values of scale when calculating margins in setMatrix.
• Integrate jquery.event.pointertouch.

What is new in version 2.0.5:

• Use absolute values of scale when calculating margins in setMatrix.
• Integrate jquery.event.pointertouch.

What is new in version 1.8.1:

• Pass through all original properties from the closing click or touch event to the panzoomend event.

What is new in version 1.6.8:

• Moved default step for range inputs to an option.

What is new in version 1.5.0:

• Added feature:
• focal-point zooming.

What is new in version 1.4.1:

• When the panzoom element was larger than the container, inverted containment was off.

What is new in version 1.3.8:

• Manifest files are now linted during development.

What is new in version 1.3.4:

• Fixed issue with contain: invert.

What is new in version 1.1.1:

• Updated dependencies in jQuery plugin manifest file.

What is new in version 0.7.5:

• Added animate option to zoom method. Pass through zoom options to zoom event.

Requirements:

• JavaScript enabled on client side
• CSS 3 enabled browser
• jQuery