DIR : /home/kozerus/public_html/zm/15-ViewResizable.htm
/home/kozerus/public_html/zm
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="ZoomifyImageViewer.js"></script>
<style type="text/css"> #myContainer { width: 900px; height: 450px; } </style>
<script type="text/javascript"> Z.showImage("myContainer", "ZoomifyImageExample", "zFullPageVisible=0"); </script>
<script type="text/javascript" src="Assets/ViewResizable/sizeViewerToPage.js"></script>
</head>
<body onload="resizeTest()" onresize="resizeTest()" leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0">
<table width="100%" height="30" border="0" cellspacing="10" cellpadding="0" align="center">
<tr><td><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">VIEW RESIZABLE EXAMPLE</font></div></td></tr>
<tr><td><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Resize this web page and the Zoomify Image Viewer will auto-resize to match.</font></div></td></tr>
</table>
<div align="center" >
<div id="myContainer" ></div>
</div>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer