🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

imgViewer is a simple and flexible jQuery plugin that allows to zoom in and out an image with mousewheel or drag it with mouse click.

jQuery-UI image-zoom image-viewer

Documentation

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.


You May Also Like