Sha256: e3357d15817b79c42820444ed63aec8e6310a702f5c3e0c80c552dcc9130484a
Contents?: true
Size: 1.63 KB
Versions: 12
Compression:
Stored size: 1.63 KB
Contents
(function() {
let __osd_counter = 0;
function generateOsdId() {
__osd_counter++;
return "Openseadragon" + __osd_counter;
}
function openseadragon() {
this.forEach(function(picture) {
// Ensure the element is an HTMLElement
if (!(picture instanceof HTMLElement)) return;
picture.classList.add('openseadragon-viewer');
// Set ID if it doesn't exist
if (!picture.id) {
picture.id = generateOsdId();
}
// Retrieve openseadragon data attribute as JSON
const collectionOptions = picture.dataset.openseadragon
? JSON.parse(picture.dataset.openseadragon)
: {};
// Find all <source> elements with media="openseadragon"
const sources = Array.from(picture.querySelectorAll('source[media="openseadragon"]'));
const tileSources = sources.map(source => {
const osdData = source.dataset.openseadragon;
return osdData ? JSON.parse(osdData) : source.getAttribute('src');
});
// Preserve height of the picture
const height = window.getComputedStyle(picture).height;
picture.style.height = height;
// Initialize OpenSeadragon
picture.osdViewer = OpenSeadragon({
id: picture.id,
...collectionOptions,
tileSources: tileSources
});
});
return this;
}
// Attach the function to NodeList and HTMLElement prototypes for convenience
NodeList.prototype.openseadragon = openseadragon;
HTMLCollection.prototype.openseadragon = openseadragon;
// For a single HTMLElement
HTMLElement.prototype.openseadragon = function() {
return openseadragon.call([this]);
};
})();
Version data entries
12 entries across 12 versions & 1 rubygems