Skip to content

Instantly share code, notes, and snippets.

//prefix is image path of viewer
var prefix = opts.prefixUrl;
//create button to add to viewer
var previousButton = new OpenSeadragon.Button({
tooltip: 'previous Image',
srcRest: prefix + 'previous_rest.png',
srcGroup: prefix + 'previous_grouphover.png',
srcHover: prefix + 'previous_hover.png',
srcDown: prefix + 'previous_pressed.png',
onRelease: function() {
//prefix is image path of viewer
var prefix = opts.prefixUrl;
//create button to add to viewer
var previousButton = new OpenSeadragon.Button({
tooltip: 'previous Image',
srcRest: prefix + 'previous_rest.png',
srcGroup: prefix + 'previous_grouphover.png',
srcHover: prefix + 'previous_hover.png',
srcDown: prefix + 'previous_pressed.png',
onRelease: function() {
ViewerService.createZoomifyTilesource = function (images) {
if (typeof(images) !== 'undefined' && images.length>0) {
var tilesources = [];
for(var i=0;i<images.length;i++) {
var tilesource = {
type:"zoomifytileservice",
width: images[i].dimx,
height: images[i].dimy,]
x: 2*i,
y: 0,
ViewerService.createZoomifyTilesource = function (images) {
if (images) {
console.log(images);
var tilesources = [];
for(var i=0;i<images.length;i++) {
var tilesource = {
type:"zoomifytileservice",
width: images[i].dimx,
height: images[i].dimy,
tileSize:256,
(function( $ ){
/**
* @class ZoomifyTileSource
* @classdesc A tilesource implementation for the zoomify format.
*
* @memberof OpenSeadragon
* @extends OpenSeadragon.TileSource
* @param {Number} width - the pixel width of the image.
* @param {Number} height