Quick Open sea dragon button to images.
This is a "bring your own OSD" library, so the
window.OpenSeadragon needs to be available or this library will simply ignore it.
You need to know the manifest and canvas urls for the image you want to display. This is due to lack of support for dereference-able canvases.
Can be found here
Make sure you have OSD and this library JS file included on your page.
<div style="position:relative" data-dragon="http://.../manifest.json" data-canvas="http://..../canvas/123456789.json"> <img src="...image" /> </div>
Then you will see a purple box (icons will be coming) that allows you to jump into an OSD with a click.
Note: position relative is required as the player takes up the whole box that has the attributes. Please do avoid inline CSS.