dezoomify/dezoomify.html at master · reactual/dezoomify · GitHub

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Security-Policy" content="script-src 'self'">
  <title>Dezoomify</title>
  <link rel="stylesheet" media="screen" href="style.css">
  <meta name="application-name" content="Dezoomify">
  <meta name="description" content="Download zoomable images from websites using Zoomify, Deep Zoom, and other.">
  <link rel="icon" href="favicon.png">
  <link rel="author" href="https://github.com/lovasoa/">
  <link rel="canonical" href="https://dezoomify.ophir.dev/dezoomify/dezoomify.html">
  <meta property="og:url" content="https://dezoomify.ophir.dev/dezoomify/dezoomify.html" />
  <meta property="og:image" content="https://dezoomify.ophir.dev/dezoomify/cover.png" />
</head>

<body>
  <!-- Contribute to dezoomify on https://github.com/lovasoa/dezoomify !-->
  <div id="dezoomifiedImage">
    <!-- The tiles will be drawn on this canvas.
      Dezoomify will dynamically change it's size once the target image meta-information is loaded. -->
    <canvas id="rendering-canvas" width="0" height="0"></canvas>
  </div>
  <main id="status">
    <form id="urlform" action="#">
      <div id="description">
        <h1>Dezoomify <img src="icon.svg" alt="" width="20" height="20" /></h1>
        <p>
          <strong>Dezoomify</strong> allows you to download
          <abbr title="Large images in which you can navigate inside a webpage.">
            zoomable images</abbr>.
          Enter the
          <abbr title="Uniform Resource Locator, the address of a webpage">URL</abbr>
          of such an image in the text field below.
          The image will be downloaded at maximal resolution.
          You can then right-click on the image,
          and choose "Save As" in order to save it as a PNG file on your computer.
          If it doesn't work, read our
          <a href="https://github.com/lovasoa/dezoomify/wiki/Dezoomify-FAQ">FAQ</a>.
          If you want more information, read our
          <a href="https://github.com/lovasoa/dezoomify#dezoomify">project page</a>.
        </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>.
          <a href="https://github.com/lovasoa/dezoomify/wiki/Legal-concerns">We decline any responsibility for an
            illegal use of this software</a>.
        </p>
      </div>

      <!--[if lte IE 9]>
      <div id="browserwarning" class="error" hidden>
        <h2>Warning</h2>
        <p>Unfortunately, Internet Explorer doesn't support
        the features used in dezoomify. Please use a recent version of
          <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a> or
          <a href="https://www.google.com/chrome/">Chrome</a>.</p>
      </div>
      <![endif]-->

      <noscript>
        <div class="error" role="alert">
          Dezoomify uses javascript to do it's magic.
          But javascript seems to be disabled on your browser.
          Here are the
          <a href="http://www.enable-javascript.com/">
            instructions how to enable JavaScript in your web browser
          </a>.
        </div>
      </noscript>

      <p>
        <input type='url' tabindex="10" id='url' title="Enter the URL of the webpage containing your zoomable image"
          placeholder="URL of the webpage containing your image" autofocus>
      </p>
      <p id="dezoomers"></p>
      <input type='submit' tabindex="30" class="button" value="Dezoomify !"
        title="Click to start downloading the image">
    </form>

    <p id="percent" role="status"></p>
    <p id="progressbar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></p>

    <div id="error" class="error" role="alert" hidden>
      <h3>
        <img id="error-img" src="data:image/bmp;base64,Qk0eAAAAAAAAABoAAAAMAAAAAQABAAEAGAAAAP8A" alt="" width="30"
          height="30">
        Oops, we have a problem
      </h3>
      <div>
        <p>An error occured while trying to dezoomify your image.
          This is probably because dezoomify did not manage to find a zoomable image
          at the address you gave.
        </p>
        <p>
          You can try to install the
          <a class="extension-link" href="https://lovasoa.github.io/dezoomify-extension/">
            <b>dezoomify browser extension</b></a>,
          that can find the address of dezoomable images automatically
          on the pages you visit.
        <p>
          If that does not help, then you should read our
          <a href="https://github.com/lovasoa/dezoomify/wiki/Dezoomify-FAQ">Frequently Asked Questions</a>.
        </p>
        <p>
          If your image is extremely large and it does not show in your browser,
          see our <a href='https://github.com/lovasoa/dezoomify/wiki/Very-large-images'>advices for large images</a>.
        </p>

        <p>
          Dezoomify also has a github bug tracker, where you can interact with other users
          as well as with me, the developer, if you create a free github account :
        <ul>
          <li>
            <a href="https://github.com/lovasoa/dezoomify/issues?q=" id="gh-search">search for issues similar to
              yours</a>:
            maybe someone already managed to download images from your website and explained how.
          </li>
          <li>
            <a href="https://github.com/lovasoa/dezoomify/issues/new?template=1_bug_report.md">report a bug</a>
            if you think this is an issue with dezoomify itself.
            Use this link only if the image is in a format that is supported by dezoomify, yet it doesn't open
            correctly. I try to fix bugs in dezoomify in a timely manner.
          </li>
          <li>
            <a href="https://github.com/lovasoa/dezoomify/issues/new" id="gh-open-issue">ask for support with this
              particular site</a>:
            I do not have a lot of time to allocate to dezoomify, but sometimes, I add support for new websites.
            You can also <a href="https://ophir.dev/">contact me</a> if you want paid personalized support.
          </li>
        </ul>
        If you decide to write something on the bug tracker, then please
        be polite, try to explain your issue in details in english, and include the technical details below.
        </p>
      </div>
      <div id="errormsg">
        <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 source code of the page
          (the one you can get with the DOM inspector of your browser).
        </p>
        <p>Exemple of path :
          <code>http://images.famsf.org/Zoom/7822312331480020/</code>
        </p>
      </div>
    </div>

    <div id="popup" style="display:none">
      <button aria-label="Close" title="Close">×</button>
      <b>Google wants us to shut down dezoomify</b>
      <p>I received an email from google asking to shut down dezoomify.
        <a href="https://github.com/lovasoa/dezoomify/issues/435">What should I do ?</a>
      </p>
    </div>

  </main>

  <script type="text/javascript" src="zoommanager.js"></script>
  <script type="text/javascript" src="dezoomers/automatic.js"></script>
  <script type="text/javascript" src="dezoomers/zoomify.js"></script>
  <script type="text/javascript" src="dezoomers/seadragon.js"></script>
  <script type="text/javascript" src="dezoomers/iipimage.js"></script>
  <script type="text/javascript" src="dezoomers/zoomify-pff.js"></script>
  <script type="text/javascript" src="dezoomers/xlimage.js"></script>
  <script type="text/javascript" src="dezoomers/topviewer.js"></script>
  <script type="text/javascript" src="dezoomers/krpano.js"></script>
  <script type="text/javascript" src="dezoomers/iiif.js"></script>
  <script type="text/javascript" src="dezoomers/fsi.js"></script>
  <script type="text/javascript" src="dezoomers/vls.js"></script>
  <script type="text/javascript" src="dezoomers/micrio.js"></script>
  <script type="module" src="dezoomers/arts-culture.js"></script>
  <script type="module" src="dezoomers/hungaricana.js"></script>
  <script type="module" src="dezoomers/mnesys.js"></script>
  <script type="text/javascript" src="dezoomers/generic.js"></script>
  <script type="text/javascript" src="browser-init.js"></script>

</body>

</html>