Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/ui/jquery-test-embedded.SLIDER.html @ 756:ccf67eaf97ee jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added jQuery ui and svg javascripts
author hertzhaft
date Sun, 06 Feb 2011 22:17:41 +0100
parents
children
comparison
equal deleted inserted replaced
755:4c0cc97a6399 756:ccf67eaf97ee
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&amp;dh=200&amp;fn=/digisprint/jquery/&amp;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&amp;dh=200&amp;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&amp;dh=200&amp;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&amp;dh=200&amp;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