DIR : /home/kozerus/public_html/zmmin_besn.html
/home/kozerus/public_html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="ZoomifyImageViewer.js"></script>
<style type="text/css"> #myContainer { width: 900px; height: 425px } </style>
<script type="text/javascript"> Z.showImage("myContainer", "ZoomifyImageExample"); </script>
</head>
<body>
<div align="center">
<table cellpadding="0">
<tr>
<td colspan="2"> <table width="100" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#000000" >
<tr>
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td> <div id="myContainer"></div></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<table width="200" height="150" border="0" align="center" cellpadding="0" cellspacing="10" bgcolor="#ffffff">
<tr>
<td><a href="#" onMouseDown="Z.Viewer.setImagePath('ZoomifyImageExample')" onTouchStart="Z.Viewer.setImagePath('ZoomifyImageExample')"><img src="ZoomifyImageExample/TileGroup0/0-0-0.jpg" width="84" height="125" border="0"></a></td>
<td><a href="#" onMouseDown="Z.Viewer.setImagePath('ZoomifyImageExample2')" onTouchStart="Z.Viewer.setImagePath('ZoomifyImageExample2')"><img src="ZoomifyImageExample2/TileGroup0/0-0-0.jpg" width="125" height="82" border="0"></a></td>
</tr>
</table>
<div align="center"><font color="#666666" size="2" face="Arial, Helvetica, sans-serif">click
to view</font></div></td>
</tr>
</table>
</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