comparison client/digitallibrary/jquery/jquery-test-full-rc.html @ 699:09f61af0a6dd jquery

re-created toggle for morebuttons (more = null)
author robcast
date Thu, 27 Jan 2011 17:29:41 +0100
parents
children 6b9b8e1401d8
comparison
equal deleted inserted replaced
698:215ef40435c8 699:09f61af0a6dd
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&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
98 </div>
99 </body>
100 </html>
101