Mercurial > hg > digilib-old
comparison client/digitallibrary/jquery/jquery-test-full.html @ 614:0bd19b6cede4 jquery
highlight hovered buttons
author | hertzhaft |
---|---|
date | Sun, 16 Jan 2011 14:05:17 +0100 |
parents | 53ee659e2d00 |
children | ec131e9699a6 |
comparison
equal
deleted
inserted
replaced
613:53ee659e2d00 | 614:0bd19b6cede4 |
---|---|
1 <?xml version="1.0" ?> | 1 <?xml version="1.0" ?> |
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
4 <head> | 4 <head> |
5 <title>Digilib jQuery Test HTML</title> | 5 <title>Digilib jQuery Test HTML</title> |
6 | 6 |
7 <style type="text/css"> | 7 <style type="text/css"> |
8 body { | 8 body { |
9 background: silver; | 9 background: silver; |
10 } | 10 } |
11 | 11 |
12 div.digilib { | 12 div.digilib { |
13 float: left; | 13 float: left; |
14 padding: 10px; | 14 padding: 10px; |
15 } | 15 } |
16 | 16 |
17 div.buttons { | 17 div.buttons { |
18 position: fixed; | 18 position: fixed; |
19 right: 5px; | 19 right: 5px; |
20 top: 5px; | 20 top: 5px; |
21 padding: 3px; | 21 padding: 3px; |
22 background-color: silver; | 22 background-color: silver; |
23 } | 23 } |
24 | 24 |
25 img.button:hover { | |
26 background-image: url('../greyskin/corona.png'); | |
27 } | |
25 | 28 |
26 | |
27 </style> | 29 </style> |
28 | 30 |
29 <script type="text/javascript" src="jquery-1.4.4.js"></script> | 31 <script type="text/javascript" src="jquery-1.4.4.js"></script> |
30 <script type="text/javascript" src="dlGeometry.js"></script> | 32 <script type="text/javascript" src="dlGeometry.js"></script> |
31 <script type="text/javascript" src="jquery.digilib.js"></script> | 33 <script type="text/javascript" src="jquery.digilib.js"></script> |
32 | 34 |
33 | 35 |
34 <script type="text/javascript"> | 36 <script type="text/javascript"> |
35 $(document).ready(function(){ | 37 $(document).ready(function(){ |
36 var opts = {interactionMode : 'fullscreen', | 38 var opts = {interactionMode : 'fullscreen', |
37 scalerBaseUrl : 'http://localhost:18080/digitallibrary/servlet/Scaler'}; | 39 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'}; |
38 $('div.digilib').digilib(opts); | 40 $('div.digilib').digilib(opts); |
39 | 41 |
40 $('div.digilib').each(function(){ | 42 $('div.digilib').each(function(){ |
41 console.log($(this).data('digilib').settings); | 43 console.log($(this).data('digilib').settings); |
42 }); | 44 }); |
44 | 46 |
45 </script> | 47 </script> |
46 </head> | 48 </head> |
47 | 49 |
48 <body> | 50 <body> |
49 | 51 |
50 <div id="digilib-1" class="digilib single"> | 52 <div id="digilib-1" class="digilib single"> |
51 <img src="http://digilinx:18080/digitallibrary/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> | 53 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&dh=200&fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> |
52 </div> | 54 </div> |
53 </body> | 55 </body> |
54 </html> | 56 </html> |
55 | 57 |