Skip to content
On this page

Panzoom

Add panning and zooming gestures for any HTML content with ease. Present your content in a dynamic and interactive way with various transform controls.

Key Features

  • Touch and mobile optimized with drag and pinch-to-zoom gestures
  • Feature-rich API for panning, zooming, rotating and flipping content
  • Supports mouse wheel for zooming and panning, mouse movement for panning
  • Customizable click and double-click events
  • Smooth animations with friction effect
  • Bounciness, rubber-band effect

Examples

Basic example with caption

Lorem ipsum dolor sit amet, consectetur adipiscing.
Quisque eu ornare ante, et gravida mauris.

Mouse panning

JSFiddle Example

Custom controls

JSFiddle Example

Toolbar plugin

Pins plugin