|
600
|
1 <?xml version="1.0" ?>
|
|
|
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
3 <html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
4 <head>
|
|
|
5 <title>Digilib jQuery Test HTML</title>
|
|
607
|
6
|
|
600
|
7 <style type="text/css">
|
|
|
8 body {
|
|
|
9 background: silver;
|
|
|
10 }
|
|
607
|
11
|
|
600
|
12 div.digilib {
|
|
|
13 float: left;
|
|
|
14 padding: 10px;
|
|
|
15 }
|
|
607
|
16
|
|
605
|
17 div.buttons {
|
|
|
18 position: fixed;
|
|
|
19 right: 5px;
|
|
|
20 top: 5px;
|
|
|
21 padding: 3px;
|
|
607
|
22 background-color: silver;
|
|
|
23 }
|
|
605
|
24
|
|
607
|
25 img.button:hover {
|
|
|
26 background-image: url('../greyskin/corona.png');
|
|
|
27 }
|
|
|
28
|
|
608
|
29 div.birdview {
|
|
|
30 border: 1px solid white;
|
|
|
31 position: fixed;
|
|
|
32 bottom: 8px;
|
|
|
33 right: 48px;
|
|
|
34 z-index: 1;
|
|
|
35 }
|
|
|
36
|
|
600
|
37 </style>
|
|
607
|
38
|
|
600
|
39 <script type="text/javascript" src="jquery-1.4.4.js"></script>
|
|
602
|
40 <script type="text/javascript" src="dlGeometry.js"></script>
|
|
600
|
41 <script type="text/javascript" src="jquery.digilib.js"></script>
|
|
607
|
42
|
|
600
|
43
|
|
|
44 <script type="text/javascript">
|
|
|
45 $(document).ready(function(){
|
|
607
|
46 var opts = {interactionMode : 'fullscreen',
|
|
|
47 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'};
|
|
602
|
48 $('div.digilib').digilib(opts);
|
|
600
|
49
|
|
|
50 $('div.digilib').each(function(){
|
|
|
51 console.log($(this).data('digilib').settings);
|
|
|
52 });
|
|
|
53 });
|
|
|
54
|
|
|
55 </script>
|
|
|
56 </head>
|
|
|
57
|
|
|
58 <body>
|
|
607
|
59
|
|
600
|
60 <div id="digilib-1" class="digilib single">
|
|
607
|
61 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
|
|
600
|
62 </div>
|
|
|
63 </body>
|
|
|
64 </html>
|
|
|
65
|
