forked from lovasoa/dezoomify
-
Notifications
You must be signed in to change notification settings - Fork 0
/
dezoomify.html
69 lines (60 loc) · 2.7 KB
/
dezoomify.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<!--Le dézoumistificateur
The dezoomify script is capable of grabbing images from a webpage containing a Zoomify viewer and automatically stitching the images with javascript and the HTML5 <canvas> element.
This script is inspired by the source code of http://toolserver.org/~kolossos/image/zoomify.php
but instead of using a table to display the image, it uses javascript, and the html5 <canvas> element
-->
<head>
<meta charset="utf8" />
<meta name="description" content="Grab images from a webpage containing a Zoomify or ZoomTool (from the National Gallery of London) viewer and automatically stitches the images with javascript and the HTML5 <canvas>." />
<title>Dezoomify</title>
<link rel="icon" type="image/gif" href="loupe.gif" />
<link rel="stylesheet" media="screen" href="style.css" />
</head>
<body>
<div id="dezoomifiedImage">
<canvas id="rendering-canvas" width="0" height="0"></canvas>
</div>
<div id="status">
<form id="urlform" action="#">
<div id="description">
<h1>Dezoomify</h1>
<p id="description">
Enter the URL of a webpage containing a zoomify viewer.
The image will be downloaded at maximal resolution.
On Firefox, you will then be able to right-click on the image,
and choose "Save As" in order to save it as a PNG file on your computer.
</p>
<p id="licenseinfo">
This script is released under the <a href="http://www.gnu.org/licenses/gpl.html">GPL</a>.
<a href="http://github.com/lovasoa/dezoomify">See the source code</a>.
</p>
</div>
<p>
<input type='text' tabindex="10" id='url' placeholder="URL" />
<p id="dezoomers"></p>
<input type='submit' tabindex="30" />
</p>
</form>
<p id="percent"></p>
<p id="progressbar"></p>
<div id="error"><p style='color:red;'>Error : Unable to extract informations from the given file !</p>
<p>Try to extract the zoomifyImagePath in the webpage containing the zoomify viewer on your own, and paste this path to the form on this page. Search 'zoomifyImagePath' in the real source code of the page (the one you can get with firebug in firefox, or the web inspector in Safari/Chrome.</p>
<p>Exemple of path : <code>http://images.famsf.org/Zoom/7822312331480020/</code></p>
</div>
</div>
<script type="text/javascript" src="zoommanager.js" ></script>
<script type="text/javascript" src="natgal.js" ></script>
<script type="text/javascript" src="seadragon.js" ></script>
<script type="text/javascript" src="zoomify.js" ></script>
<script type="text/javascript">
document.getElementById("urlform").onsubmit = function(evt) {
evt.preventDefault();
var url = document.getElementById("url").value;
ZoomManager.open(url);
return false;
}
</script>
</body>
</html>