imgViewer2

Extensible and responsive jQuery plugin to zoom and pan images. Zooming and panning works on desktop browsers using:

• the mousewheel to zoom in and out
• left mouse button double click to zoom in
• shift and left mouse button drag to define a area to zoom
• left mouse button click and drag to pan around.

On touch enabled devices pinch gestures can be used to zoom in and out and tap and drag to pan around.

It is an easily extended, responsive UI component based on the jQuery widget factory that uses the Leaflet mapping library for the underlying image display. It should work on all browsers and platforms supported by Leaflet.

This plugin is the successor to the original imgViewer plugin.

Examples

1. Fixed size image
2. Fixed size image + Zoom-HiRes
3. Dynamic image size
4. Dynamic image size + Crisp
5. Decorated, dynamic image size
6. Custom onClick callback
7. Control options
8. Simple extension to display markers and notes
9. Simple extension using Leaflet plugins to display markers and notes
10. Simple extension to compare multiple versions of an image

Documentation

1. Using the plugin
2. Options
3. Methods
4. Extending
5. Release History