comparison client/digitallibrary/jquery/jquery-test-embedded.html @ 666:2294e91613e6 jquery

added small buttons image files
author hertzhaft
date Mon, 24 Jan 2011 00:48:17 +0100
parents
children 11d96bc0ac09
comparison
equal deleted inserted replaced
665:3de056c96bcf 666:2294e91613e6
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 HTML</title>
5
6 <style type="text/css">
7 body {
8 background: silver;
9 }
10
11 div.digilib {
12 float: left;
13 padding: 10px;
14 }
15
16 div.scaler, div.buttons {
17 float: left;
18 }
19 div.button {
20 }
21
22 div.button:hover {
23 background-color: darkred;
24 }
25
26 </style>
27
28 <script type="text/javascript" src="jquery-1.4.4.js"></script>
29 <script type="text/javascript" src="dlGeometry.js"></script>
30 <script type="text/javascript" src="jquery.digilib.js"></script>
31
32
33 <script type="text/javascript">
34 $(document).ready(function(){
35 $('div.digilib').digilib({interactionMode : 'embedded'});
36
37 $('div.digilib').each(function(){
38 console.log($(this).data('digilib').settings);
39 });
40
41 });
42
43 </script>
44 </head>
45
46 <body>
47
48 <div id="digilib-1" class="digilib single">
49 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/&amp;pn=1" />
50 </div>
51 <div id="digilib-2" class="digilib">
52 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/ferrara" />
53 </div>
54 <div id="digilib-3" class="digilib">
55 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/weide" />
56 </div>
57 <div id="digilib-4" class="digilib">
58 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/HansHolbein-NikolausKratzer" />
59 </div>
60 </body>
61 </html>
62