imgViewer

imgViewer is a jQuery plugin that allows an image to be zoomed and panned. Zooming and panning works on desktop browsers using the mousewheel to zoom in and out 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 and uses Hammer.js for touch event support. It should work on all browsers and platforms supported by Hammer.js.

If you don't find this plugin has what you need check out my imgViewer2 plugin which provides the same functionality but uses the Leaflet mapping library for the underlying image display.

Examples

1. Fixed size image
2. Dynamic image size
3. Decorated, dynamic image size
4. Custom onClick callback
5. Control options
6. Multiple viewer

Documentation

1. Using the plugin
2. Plugin options
3. Plugin methods
4. Extending the plugin
5. Release History

License

This plugin is provided under the MIT License. Copyright (c) 2017 Wayne Mogg.