2012-06-05 15:52:00 +04:00
|
|
|
<h2>example: image sequence</h2>
|
|
|
|
|
|
|
|
|
|
<div class="description">
|
|
|
|
|
<p>
|
|
|
|
|
It is not uncommon to have a sequence of images to present, and although
|
|
|
|
|
it's easy enough to add a 'previous' and 'next' link on your page, it's
|
|
|
|
|
especially nice to allow the user to navigate the image sequence without
|
|
|
|
|
having leave the page.
|
|
|
|
|
<br/><br/>
|
|
|
|
|
OpenSeadragon now has support for an array of tile sources, including
|
|
|
|
|
a previous and next button!
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="demoarea">
|
|
|
|
|
<div class="demoheading">
|
|
|
|
|
Basic Example w/ Default Settings ( Using Legacy Image Pyramid Example )
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contentDiv1"
|
|
|
|
|
class="openseadragon"></div>
|
|
|
|
|
<hr/>
|
|
|
|
|
<div class="demoheading">
|
|
|
|
|
Preset Zoom Level ( Resets on Page Turn )<br/>
|
|
|
|
|
Click on the navigator and alternate pressing keys 'w' and 's' to
|
|
|
|
|
reproduce the effect of the referenced 'overlay' (depends on screen hertz
|
|
|
|
|
refresh rate, most screens will display the effect).
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contentDiv2"
|
|
|
|
|
class="openseadragon"></div>
|
|
|
|
|
<hr/>
|
|
|
|
|
<div class="demoheading">
|
|
|
|
|
Preserving the Viewport Zoom Level and Position for Image Sequences
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contentDiv3"
|
|
|
|
|
class="openseadragon"></div>
|
|
|
|
|
<hr/>
|
|
|
|
|
<div class="demoheading">
|
|
|
|
|
Mixed Tile Source Example ( w/ Default Settings )
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contentDiv4"
|
|
|
|
|
class="openseadragon"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Example
|
|
|
|
|
OpenSeadragon({
|
|
|
|
|
id: "contentDiv1",
|
2013-01-31 02:10:16 +04:00
|
|
|
prefixUrl: "/openseadragon/images/",
|
2012-06-05 15:52:00 +04:00
|
|
|
showNavigator: true,
|
|
|
|
|
tileSources: [{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0002q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0002r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0002v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0003q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0003r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0003v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0004q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0004r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0004v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0005q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0005r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0005v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0006q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0006r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0006v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0007q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0007r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0007v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0008q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0008r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0008v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0009q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0009r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0009v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0010q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0010r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0010v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0011q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0011r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0011v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0012q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0012r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0012v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0013q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0013r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0013v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0014q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0014r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0014v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0015q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0015r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0015v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0016q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0016r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0016v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0017q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0017r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0017v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0018q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0018r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0018v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0019q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0019r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0019v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0020q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0020r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0020v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0021q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0021r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0021v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0022q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0022r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0022v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0023q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0023r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0023v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0024q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0024r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0024v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0025q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0025r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0025v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0026q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0026r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0026v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0027q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0027r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0027v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
}]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Example
|
|
|
|
|
OpenSeadragon({
|
|
|
|
|
id: "contentDiv2",
|
2013-01-31 02:10:16 +04:00
|
|
|
prefixUrl: "/openseadragon/images/",
|
2012-06-05 15:52:00 +04:00
|
|
|
showNavigator: true,
|
|
|
|
|
defaultZoomLevel: 1.05,
|
|
|
|
|
tileSources: [
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05954.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05955.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05956.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05957.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05958.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05959.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05960.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05961.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05962.dzi",
|
|
|
|
|
"/openseadragon/examples/images/pnp/ppmsca/05900/05954/05963.dzi"
|
|
|
|
|
]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Example
|
|
|
|
|
OpenSeadragon({
|
|
|
|
|
id: "contentDiv3",
|
2013-01-31 02:10:16 +04:00
|
|
|
prefixUrl: "/openseadragon/images/",
|
2012-06-05 15:52:00 +04:00
|
|
|
showNavigator: true,
|
|
|
|
|
preserveViewport: true,
|
|
|
|
|
tileSources: [{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801t.gif',
|
|
|
|
|
height: 150,
|
|
|
|
|
width: 116
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801q.jpg',
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 310
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801r.jpg',
|
|
|
|
|
height: 860,
|
|
|
|
|
width: 667
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801v.jpg',
|
|
|
|
|
height: 1650,
|
|
|
|
|
width: 1279
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090802q.jpg',
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 310
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090802r.jpg',
|
|
|
|
|
height: 860,
|
|
|
|
|
width: 667
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090802v.jpg',
|
|
|
|
|
height: 1650,
|
|
|
|
|
width: 1279
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090803q.jpg',
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 310
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090803r.jpg',
|
|
|
|
|
height: 860,
|
|
|
|
|
width: 667
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090803v.jpg',
|
|
|
|
|
height: 1650,
|
|
|
|
|
width: 1279
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090804q.jpg',
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 310
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090804r.jpg',
|
|
|
|
|
height: 860,
|
|
|
|
|
width: 667
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090804v.jpg',
|
|
|
|
|
height: 1650,
|
|
|
|
|
width: 1279
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
}]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Example
|
|
|
|
|
OpenSeadragon({
|
|
|
|
|
id: "contentDiv4",
|
2013-01-31 02:10:16 +04:00
|
|
|
prefixUrl: "/openseadragon/images/",
|
2012-06-05 15:52:00 +04:00
|
|
|
showNavigator: true,
|
|
|
|
|
tileSources: [{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001q.jpg',
|
|
|
|
|
height: 889,
|
|
|
|
|
width: 600
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001r.jpg',
|
|
|
|
|
height: 2201,
|
|
|
|
|
width: 1485
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rbc/rbc0001/2003/2003rosen1799/0001v.jpg',
|
|
|
|
|
height: 4402,
|
|
|
|
|
width: 2970
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},{
|
|
|
|
|
type: 'legacy-image-pyramid',
|
|
|
|
|
levels: [{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801t.gif',
|
|
|
|
|
height: 150,
|
|
|
|
|
width: 116
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801q.jpg',
|
|
|
|
|
height: 400,
|
|
|
|
|
width: 310
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801r.jpg',
|
|
|
|
|
height: 860,
|
|
|
|
|
width: 667
|
|
|
|
|
},{
|
|
|
|
|
url: '/openseadragon/examples/images/rpbaasm/0900/0908/090801v.jpg',
|
|
|
|
|
height: 1650,
|
|
|
|
|
width: 1279
|
|
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
"/openseadragon/examples/images/highsmith/highsmith.dzi" ]
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
// Example
|
|
|
|
|
OpenSeadragon({
|
|
|
|
|
id: "contentDiv0",
|
|
|
|
|
prefixUrl: '/openseadragon',
|
|
|
|
|
showNavigator: true,
|
|
|
|
|
minPixelRatio: 0.7,
|
|
|
|
|
maxImageCacheCount: 0,
|
|
|
|
|
tileSources: [
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/31000/31018/0010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/23700/23762/0010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/22200/22293/0010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/17800/17808/0010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/13700/13705/00010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/12800/12834/00010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09924.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09925.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09926.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09927.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09928.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09929.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09930.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09931.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09932.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/09900/09924/09933.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0001.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0002.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0003.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0004.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0005.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0006.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0007.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0008.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0009.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/08700/08729/0010.dzi",
|
|
|
|
|
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05954.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05955.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05956.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05957.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05958.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05959.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05960.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05961.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05962.dzi",
|
|
|
|
|
"/openseadragon/examples/demo/pnp/ppmsca/05900/05954/05963.dzi"
|
|
|
|
|
]
|
|
|
|
|
});
|
|
|
|
|
*/
|
|
|
|
|
-->
|
