666
|
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&dh=200&fn=/digisprint/jquery/&pn=1" />
|
|
50 </div>
|
|
51 <div id="digilib-2" class="digilib">
|
|
52 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&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&dh=200&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&dh=200&fn=/digisprint/jquery/HansHolbein-NikolausKratzer" />
|
|
59 </div>
|
|
60 </body>
|
|
61 </html>
|
|
62
|