Mercurial > hg > digilib-old

comparison client/src/main/webapp/jquery/jquery-test-embedded-rc.html @ 892:ba1eb2d821a2 mvnify

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rearrange sources to maven directory standard
author robcast
date Tue, 19 Apr 2011 18:44:25 +0200
parents client/digitallibrary/jquery/jquery-test-embedded-rc.html@00d37112d062
children
comparison
equal deleted inserted replaced
891:6584af320296 892:ba1eb2d821a2
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="jquery.cookie.js"></script>
51 <script type="text/javascript" src="jquery.digilib.js"></script>
52 <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
53 <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
54 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
55
56
57 <script type="text/javascript">
58 $(document).ready(function(){
59 $('div.digilib').digilib({
60 interactionMode : 'embedded',
61 birdDivWidth : 100,
62 birdDivHeight : 100
63 });
64
65 $('div.digilib').each(function(){
66 console.log($(this).data('digilib').settings);
67 });
68
69 });
70
71 </script>
72 </head>
73
74 <body>
75 <table>
76 <tr>
77 <td>
78 <div id="digilib-1" class="digilib single">
79 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=11" />
80 </div>
81 </td>
82
83 <td>
84 <div id="digilib-2" class="digilib">
85 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=12" />
86 </div>
87 </td>
88
89 <td>
90 <div id="digilib-3" class="digilib">
91 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=13" />
92 </div>
93 </td>
94
95 <td>
96 <div id="digilib-4" class="digilib">
97 <img src="http://localhost:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=163127KK/pageimg&amp;pn=14" />
98 </div>
99 </td>
100 </tr>
101 </table>
102 <div id="debug">DEBUG</div>
103 <div id="test">
104 <img id="test" src="img/black-glass-16.png"></img>
105 <img id="test2" src="img/black-glass-32.png"></img>
106 </div>
107 </body>
108 </html>
109