Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
46 lines (42 sloc) 1.88 KB
<!DOCTYPE html>
<!--
index.html
Copyright 2010 Aleksandr Pasechnik
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html>
<head>
<title>Viewer</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="./TileViewer/jquery.tileviewer.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#imagesHere').tileviewer({
imagedir:'./photo',
settings: './photo/settings.json'});
});
</script>
</head>
<body>
<div id="imagesHere" style="position:relative; width:800px; height:400px;"></div>
<br/>
<div>
<p>A demonstration of the TileViewer jQuery plugin. It displays large images that have been precut into tiles. This lets the user look at the large image in the browser without having to download it all in one go. It behaves similarly to Google Maps</p>
<p>If you don't see anything, you should probably update your browser. The latest Google Chrome, Safari, Firefox, and Opera should work well enough. Internet Explorer is not really supported since it cannot handle the HTML5 canvas element. This page has been tested on Google Chrome, Firefox, and Safari on Mac OS X 10.6.</p>
<ul>
<li>Click the Plus or Minus Signs to Zoom In or Out</li>
<li>Double Click to Zoom In</li>
<li>Control or Command Double Click to Zoom Out</li>
<li>Hold the Left Mouse Button and Drag to Pan</li>
</ul>
</div>
</body>
</html>