{"id":156,"date":"2016-01-11T20:16:03","date_gmt":"2016-01-11T20:16:03","guid":{"rendered":"http:\/\/altert.net\/demo\/?page_id=156"},"modified":"2020-03-04T18:48:08","modified_gmt":"2020-03-04T18:48:08","slug":"openseadragon-zoom","status":"publish","type":"page","link":"http:\/\/altert.net\/demo\/","title":{"rendered":"Zoom OpenSeadragon Demo"},"content":{"rendered":"<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer0',prefixUrl:'http:\/\/altert.net\/demo\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:true,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/zoom\/Carta_Marina.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption0').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 900px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer0' style='width: 900px; height: 690px;'><\/div><figcaption id='deepzoomCaption0' class='wp-caption-text'>Carta marina, a wallmap of Scandinavia, by By Olaus Magnus, via Wikimedia Commons.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer1',prefixUrl:'http:\/\/altert.net\/demo\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionMode:true,collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title: 'Monte Verde\\'s, Costa Rica \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1.jpg',width: 640,height:640}]},{title: 'Pacific Ocean, Costa RIca \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1.jpg',width: 640,height:640}]},{title: 'Volc\u00e1n Arenal, Costa Rica \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1.jpg',width: 640,height:640}]},{title: 'Madeira, Portugal \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1.jpg',width: 640,height:640}]},{title: 'Saint-Petersburg, Russia \u00a9Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/fourty-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/fourty-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/fourty-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/fourty-1.jpg',width: 640,height:640}]},{title: 'Pulkovo, Russia \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/white-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/white-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/white-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/white-1.jpg',width: 640,height:640}]}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption1').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 650px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer1' style='width: 650px; height: 500px;'><\/div><figcaption id='deepzoomCaption1' class='wp-caption-text'><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer2',prefixUrl:'http:\/\/altert.net\/demo\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionMode:true,collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:true,showSequenceControl:true,sequenceMode:true,showReferenceStrip:true,showNavigator:false,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title: 'Monte Verde\\'s, Costa Rica \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000326-1.jpg',width: 640,height:640}]},{title: 'Pacific Ocean, Costa RIca \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00000711-1.jpg',width: 640,height:640}]},{title: 'Volc\u00e1n Arenal, Costa Rica \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/00001117-1.jpg',width: 640,height:640}]},{title: 'Madeira, Portugal \u00a9 Alexey Tikhonov', type: 'legacy-image-pyramid',\n                levels:[{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-420x420.jpg',width: 420,height:420},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-744x744.jpg',width: 744,height:744},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1-768x768.jpg',width: 640,height:640},{url: 'http:\/\/altert.net\/demo\/wp-content\/uploads\/2016\/01\/c66-0401-018-1.jpg',width: 640,height:640}]}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption2').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 650px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer2' style='width: 650px; height: 650px;'><\/div><figcaption id='deepzoomCaption2' class='wp-caption-text'><\/figcaption><\/figure>\n<p><a href=\"http:\/\/wordpress.org\/plugins\/zoom-openseadragon\/\">Zoom OpenSeadragon<\/a> is an implementation of <a href=\"http:\/\/openseadragon.github.io\">OpenSeadragon<\/a>, an open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile..<\/p>\n<p>It is released under the <a href=\"http:\/\/altert.net\/BSD-LICENSE.txt\">New BSD license<\/a> that is also used for OpenSeadragon, so feel free to download, modify and work on it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Zoom OpenSeadragon is an implementation of OpenSeadragon, an open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.. It is released under the New BSD license that is also used for OpenSeadragon, so feel free to download, modify and work on it.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/pages\/156"}],"collection":[{"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":71,"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/pages\/156\/revisions"}],"predecessor-version":[{"id":434,"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/pages\/156\/revisions\/434"}],"wp:attachment":[{"href":"http:\/\/altert.net\/demo\/wp-json\/wp\/v2\/media?parent=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}