Skip to content
This is a plugin for OpenSeadragon library, which can let user make navigator draggable over the Viewer area.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
move-arrows.svg
openseadragon-draggable-navigator.js mouse tracker issue fixed Apr 25, 2018

README.md

OpenSeadragon Draggable Navigator

This is a plugin for OpenSeadragon library, which lets user drag navigator over the viewer area.

How to Use:

To make navigator provided with OpenSeadragon library draggable, first include '/openseadragon-draggable-navigator.js' file into the project after including OpenSeadragon library.

<script src="openseadragon-draggable-navigator.js"></script>

Then it can be used like this:

var viewer = new OpenSeadragon.Viewer(...);
viewer.setNavigatorDraggable(true);

Demo:

Demo

To Do:

  1. Use proper icon for draggable element
  2. Show icon on hover of navigator
  3. Adjust position of icon on the basis of navigator location
  4. Check if this supports all the OSD versions
  5. Remove events and icon on reset of draggable feature on navigator
  6. Make it work for default 'isSet' value
  7. Don't fade navigator if user is dragging it
You can’t perform that action at this time.