Skip to content
Extension of the jQuery imgViewer plugin to add markers and notes to the image
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Fix examples Mar 15, 2017
docs gitignore edit Jul 17, 2017
plugindocs docs update Aug 5, 2017
src Fix examples Mar 15, 2017
test Update to imgViewer 0.9.0 Aug 9, 2016
.gitignore gitignore edit Jul 17, 2017
LICENSE-MIT first commit May 17, 2013 Replace markdown with asciidoc Mar 18, 2017
package.json gitignore edit Jul 17, 2017


imgNotes is a jQuery plugin that extends the imgViewer plugin to allow annotations (eg markers and notes) to be added to an image that can be zoomed and panned.

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 that uses the Leaflet mapping library for the underlying image display.


  1. Basic note viewer
  2. Basic note viewer with custom callbacks
  3. Basic note view using modal dialog
  4. Basic note editor
  5. WYSIWYG note editor


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


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

You can’t perform that action at this time.