|
726
|
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>
|
|
785
|
52 <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
|
|
795
|
53 <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
|
|
726
|
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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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&dh=200&fn=163127KK/pageimg&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
|
