mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-22 21:26:10 +03:00
Code Issues Projects Releases Wiki Activity
855e753225
openseadragon/www/ui-reference-strip.html

178 lines
6.0 KiB
HTML
Raw Normal View History

0.9.90 adds support for a debug mode and real heterogeneous collection visualizations. straight html div/image support for both features is in process but incomplete
2013-01-24 08:00:11 +04:00
<h2>example: tilesource reference strip</h2>
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
<div class="description">
<p>
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
An image reference strip allows the user to quickly preview and navigate a
sequence of images.
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
</p>
</div>
<div class="demoarea">
<div class="demoheading">
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
Horizontal Scrolling Image Reference Strip
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
</div>
<div id="contentDiv"
class="openseadragon"></div>
</div>
<script type="text/javascript">
OpenSeadragon({
id: "contentDiv",
fixing example image paths with prefixUrl
2013-01-31 02:10:16 +04:00
prefixUrl: "/openseadragon/images/",
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
showReferenceStrip: 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",
"/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"
]
});
</script>
<p>
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
The relevant configuration options are shown below.
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
</p>
<pre>
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
OpenSeadragon({
...
showReferenceStrip: true,
...
});
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
</pre>
<h2>example: vertical scrolling</h2>
<div class="description">
<p>
This example demonstrates the configuration options which enable a vertical
scrolling image reference strip.
</p>
</div>
<div class="demoarea">
<div class="demoheading">
Vertical Scrolling Image Reference Strip
</div>
<div id="toolbarDiv" class="toolbar">
</div>
<div id="contentDiv2" class="openseadragon"></div>
</div>
<script type="text/javascript">
OpenSeadragon({
id: "contentDiv2",
fixing example image paths with prefixUrl
2013-01-31 02:10:16 +04:00
prefixUrl: "/openseadragon/images/",
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
toolbar: "toolbarDiv",
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
springStiffness: 10,
showReferenceStrip: true,
autoHideControls: false,
referenceStripScroll: 'vertical',
adding prototype image reference strip, fixing IE error related to checking for instanceof XMLDocument, fixing aspect ratio error when image is wider than tall
2012-08-29 22:46:34 +04:00
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",
"/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"
]
});
</script>
<p>
better lazy loading for image reference strip and more options for managing additional html content that is available in full page mode and normal mode
2012-10-13 07:40:59 +04:00
The relevant configuration options are shown below.
</p>
<pre>
OpenSeadragon({
...
showReferenceStrip: true,
referenceStripScroll: 'vertical',
...
});
</pre>
Reference in New Issue Copy Permalink