|
756
|
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
|
|
|
51 <script type="text/javascript" src="jquery.ui.core.js"></script>
|
|
|
52 <script type="text/javascript" src="jquery.ui.mouse.js"></script>
|
|
|
53 <script type="text/javascript" src="jquery.ui.button.js"></script>
|
|
|
54 <script type="text/javascript" src="jquery.ui.draggable.js"></script>
|
|
|
55 <script type="text/javascript" src="jquery.ui.position.js"></script>
|
|
|
56 <script type="text/javascript" src="jquery.ui.resizable.js"></script>
|
|
|
57 <script type="text/javascript" src="jquery.ui.widget.js"></script>
|
|
|
58 <script type="text/javascript" src="jquery.ui.dialog.js"></script>
|
|
|
59 <script type="text/javascript" src="jquery.ui.slider.js"></script>
|
|
|
60
|
|
|
61 <script type="text/javascript" src="jquery.digilib.js"></script>
|
|
|
62 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
|
|
|
63
|
|
|
64
|
|
|
65 <script type="text/javascript">
|
|
|
66 $(document).ready(function(){
|
|
|
67 $('div.digilib').digilib({
|
|
|
68 interactionMode : 'embedded',
|
|
|
69 birdDivWidth : 100,
|
|
|
70 birdDivHeight : 100
|
|
|
71 });
|
|
|
72
|
|
|
73 $('div.digilib').each(function(){
|
|
|
74 console.log($(this).data('digilib').settings);
|
|
|
75 });
|
|
|
76
|
|
|
77 });
|
|
|
78
|
|
|
79 </script>
|
|
|
80 </head>
|
|
|
81
|
|
|
82 <body>
|
|
|
83 <table>
|
|
|
84 <tr>
|
|
|
85 <td>
|
|
|
86 <div id="digilib-1" class="digilib single">
|
|
|
87 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/&pn=1" />
|
|
|
88 </div>
|
|
|
89 </td>
|
|
|
90
|
|
|
91 <td>
|
|
|
92 <div id="digilib-2" class="digilib">
|
|
|
93 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/ferrara" />
|
|
|
94 </div>
|
|
|
95 </td>
|
|
|
96
|
|
|
97 <td>
|
|
|
98 <div id="digilib-3" class="digilib">
|
|
|
99 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/weide" />
|
|
|
100 </div>
|
|
|
101 </td>
|
|
|
102
|
|
|
103 <td>
|
|
|
104 <div id="digilib-4" class="digilib">
|
|
|
105 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/HansHolbein-NikolausKratzer" />
|
|
|
106 </div>
|
|
|
107 </td>
|
|
|
108 </tr>
|
|
|
109 </table>
|
|
|
110 <div id="debug">DEBUG</div>
|
|
|
111 <div id="test">
|
|
|
112 <img id="test" src="img/black-glass-16.png"></img>
|
|
|
113 <img id="test2" src="img/black-glass-32.png"></img>
|
|
|
114 </div>
|
|
|
115 </body>
|
|
|
116 </html>
|
|
|
117
|
