digirati-dragon
v1.0.1-gDragon
Quick Open sea dragon button to images.
Requirements
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.
Demo
Can be found here
Usage
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.