Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery-test-embedded-rc.html @ 719:e2429ec1976e 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 ede54261f87b
comparison
equal deleted inserted replaced
718:996a584f1a0b 719:e2429ec1976e
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