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