|
719
|
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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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
|
