|
699
|
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: fullscreen</title>
|
|
|
6
|
|
|
7 <style type="text/css">
|
|
|
8 body {
|
|
|
9 background: silver;
|
|
|
10 }
|
|
|
11
|
|
|
12 div.digilib {
|
|
|
13 }
|
|
|
14
|
|
|
15 div.buttons {
|
|
|
16 position: fixed;
|
|
|
17 right: 5px;
|
|
|
18 top: 5px;
|
|
|
19 padding: 3px;
|
|
716
|
20 background-color: transparent;
|
|
|
21 z-index: 20;
|
|
699
|
22 }
|
|
|
23
|
|
|
24 img.button:hover {
|
|
|
25 background-image: url('../greyskin/corona.png');
|
|
|
26 }
|
|
|
27
|
|
|
28 div.digilib div.mark {
|
|
|
29 position: absolute;
|
|
|
30 color: white;
|
|
|
31 background: url('../greyskin/mark-bg-16.png');
|
|
|
32 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
33 font-weight: bold;
|
|
|
34 font-size:11px;
|
|
|
35 height: 15px;
|
|
|
36 width: 16px;
|
|
|
37 padding-top: 1px;
|
|
|
38 text-align: center;
|
|
|
39 z-index: 10;
|
|
|
40 }
|
|
|
41
|
|
|
42 div.digilib div.zoomrect {
|
|
|
43 position: absolute;
|
|
|
44 /* border: 2px solid #ffa060; */
|
|
|
45 border: 2px solid #ff0000;
|
|
716
|
46 z-index: 100;
|
|
699
|
47 }
|
|
|
48
|
|
|
49 div.birdview {
|
|
|
50 border: 1px solid white;
|
|
|
51 position: fixed;
|
|
|
52 bottom: 8px;
|
|
|
53 right: 48px;
|
|
|
54 z-index: 1;
|
|
|
55 }
|
|
|
56
|
|
|
57 div.about {
|
|
|
58 position: absolute;
|
|
|
59 width: 200px;
|
|
|
60 top: 100px;
|
|
|
61 left: 350px;
|
|
|
62 height: 200px;
|
|
|
63 padding: 0px 2px;
|
|
|
64 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
65 border: 2px solid lightcyan;
|
|
|
66 background-color: lightgrey;
|
|
|
67 text-align: center;
|
|
|
68 display: none;
|
|
|
69 z-index: 1000;
|
|
|
70 }
|
|
723
|
71
|
|
|
72 div.scaler {
|
|
716
|
73 background-color: grey;
|
|
|
74 z-index: 0;
|
|
|
75 }
|
|
699
|
76
|
|
|
77 </style>
|
|
|
78
|
|
|
79 <script type="text/javascript" src="jquery-1.4.4.js"></script>
|
|
|
80 <script type="text/javascript" src="dlGeometry.js"></script>
|
|
|
81 <script type="text/javascript" src="jquery.cookie.js"></script>
|
|
|
82 <script type="text/javascript" src="jquery.digilib.js"></script>
|
|
|
83
|
|
|
84
|
|
|
85 <script type="text/javascript">
|
|
|
86 $(document).ready(function(){
|
|
|
87 var opts = {
|
|
|
88 interactionMode : 'fullscreen',
|
|
|
89 scalerBaseUrl : 'http://localhost:18080/digitallibrary/servlet/Scaler'
|
|
|
90 };
|
|
|
91 $('div.digilib').digilib(opts);
|
|
|
92 });
|
|
|
93
|
|
|
94 </script>
|
|
|
95 </head>
|
|
|
96
|
|
|
97 <body>
|
|
|
98
|
|
|
99 <div id="digilib-1" class="digilib single">
|
|
|
100 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
|
|
|
101 </div>
|
|
|
102 </body>
|
|
|
103 </html>
|
|
|
104
|
