digirati-dragon

Dragon

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.