Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/jquery-test-embedded-rc.html @ 726:6224f64cbd58 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fixed birdZoomDiv positioning in embedded mode
author robcast
date Tue, 01 Feb 2011 00:12:02 +0100
parents
children b9a75079aece
comparison
equal deleted inserted replaced
725:936d88972cd0 726:6224f64cbd58
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>Digilib jQuery Test: embedded</title>
5
6 <style type="text/css">
7 body {
8 background: silver;
9 }
10
11 div.digilib {
12 /* padding for buttons and bird-div */
13 padding-right: 18px;
14 padding-bottom: 100px;
15 /* width: 220px; */
16 }
17
18 td {
19 vertical-align: top;
20 }
21
22 #debug {
23 background-color: beige;
24 position: absolute;
25 top: 400px;
26 padding: 0px 10px;
27 font-family: Arial;
28 font-size: 9pt;
29 }
30
31 div._log {
32 color: grey;
33 }
34
35 div._debug {
36 color: darkgreen;
37 }
38
39 div._error {
40 color: red;
41 }
42
43 div#test:hover {
44 background-color: cornsilk;
45 }
46
47 </style>
48
49 <script type="text/javascript" src="jquery-1.4.4.js"></script>
50 <script type="text/javascript" src="dlGeometry.js"></script>
51 <script type="text/javascript" src="jquery.cookie.js"></script>
52 <script type="text/javascript" src="jquery.digilib.js"></script>
53 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
54
55
56 <script type="text/javascript">
57 $(document).ready(function(){
58 $('div.digilib').digilib({
59 interactionMode : 'embedded',
60 birdDivWidth : 100,
61 birdDivHeight : 100
62 });
63
64 $('div.digilib').each(function(){
65 console.log($(this).data('digilib').settings);
66 });
67
68 });
69
70 </script>
71 </head>
72
73 <body>
74 <table>
75 <tr>
76 <td>
77 <div id="digilib-1" class="digilib single">
78 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=11" />
79 </div>
80 </td>
81
82 <td>
83 <div id="digilib-2" class="digilib">
84 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=12" />
85 </div>
86 </td>
87
88 <td>
89 <div id="digilib-3" class="digilib">
90 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=13" />
91 </div>
92 </td>
93
94 <td>
95 <div id="digilib-4" class="digilib">
96 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=14" />
97 </div>
98 </td>
99 </tr>
100 </table>
101 <div id="debug">DEBUG</div>
102 <div id="test">
103 <img id="test" src="img/black-glass-16.png"></img>
104 <img id="test2" src="img/black-glass-32.png"></img>
105 </div>
106 </body>
107 </html>
108