Mercurial > hg > digilib-old

comparison client/src/main/webapp/jquery/jquery-test-embedded.html @ 892:ba1eb2d821a2 mvnify

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rearrange sources to maven directory standard
author robcast
date Tue, 19 Apr 2011 18:44:25 +0200
parents client/digitallibrary/jquery/jquery-test-embedded.html@82e82774e0d7
children 1b627b5c9fad
comparison
equal deleted inserted replaced
891:6584af320296 892:ba1eb2d821a2
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 div.svg {
19 position: absolute;
20 background: transparent;
21 }
22
23 td {
24 vertical-align: top;
25 }
26
27 #debug {
28 background-color: beige;
29 position: absolute;
30 top: 400px;
31 padding: 0px 10px;
32 font-family: Arial;
33 font-size: 9pt;
34 }
35
36 div._log {
37 color: grey;
38 }
39
40 div._debug {
41 color: darkgreen;
42 }
43
44 div._error {
45 color: red;
46 }
47
48 div#test:hover {
49 background-color: cornsilk;
50 }
51
52 </style>
53
54 <script type="text/javascript" src="jquery-1.5.1.js"></script>
55 <script type="text/javascript" src="jquery.cookie.js"></script>
56 <script type="text/javascript" src="jquery.digilib.js"></script>
57 <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
58 <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
59 <script type="text/javascript" src="jquery.digilib.regions.js"></script>
60 <script type="text/javascript" src="jquery.digilib.pluginstub.js"></script>
61 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
62
63
64 <script type="text/javascript">
65 $(document).ready(function(){
66 var opts = {
67 interactionMode : 'embedded',
68 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler',
69 showRegionNumbers : false,
70 autoRegionLinks : true
71 };
72 var $div = $('div.digilib');
73 $div.digilib(opts);
74
75 // $('div.digilib').each(function(){
76 // console.log($(this).data('digilib').settings);
77 // });
78 });
79
80 </script>
81 </head>
82
83 <body>
84 <table>
85 <tr>
86 <td>
87 <div id="digilib-1" class="digilib single">
88 <img title="test" alt="testalt" src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/&amp;pn=1" />
89 </div>
90 </td>
91
92 <td>
93 <div id="digilib-2" class="digilib">
94 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/ferrara" />
95 </div>
96 </td>
97
98 <td>
99 <div id="digilib-3" class="digilib">
100 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
101 <div class="keep regioncontent">
102 <a href="http://www.mpiwg-berlin.mpg.de" coords="0.1,0.1,0.4,0.1">MPI fuer Wissenschaftsgeschichte</a>
103 <a href="http://www.biblhertz.it" coords="0.5,0.8,0.4,0.1">Bibliotheca Hertziana</a>
104 <a coords="0.3,0.5,0.15,0.1" />
105 </div>
106 </div>
107 </td>
108
109 <td>
110 <div id="digilib-4" class="digilib">
111 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/HansHolbein-NikolausKratzer" />
112 </div>
113 </td>
114 </tr>
115 </table>
116 <div id="debug">DEBUG</div>
117 <div id="test">
118 <img id="test" src="img/black-glass-16.png"></img>
119 <img id="test2" src="img/black-glass-32.png"></img>
120 </div>
121 </body>
122 </html>
123