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&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> 53 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
52 </div> 54 </div>
53 </body> 55 </body>
54 </html> 56 </html>
55 57