Skip to content

waynegm/imgViewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

jQuery plugin to zoom and pan images, even those with a size that is a percentage of their container

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published