Mercurial > hg > digilib
comparison client/digitallibrary/jquery/jquery-test-full.html @ 649:e328273b7ef4 jquery
first try at birdview indicator
author | hertzhaft |
---|---|
date | Fri, 21 Jan 2011 00:34:15 +0100 |
parents | 8f76bd79648e a2aadf44a454 |
children | b6fdd915c7e8 |
comparison
equal
deleted
inserted
replaced
648:8f76bd79648e | 649:e328273b7ef4 |
---|---|
24 | 24 |
25 img.button:hover { | 25 img.button:hover { |
26 background-image: url('../greyskin/corona.png'); | 26 background-image: url('../greyskin/corona.png'); |
27 } | 27 } |
28 | 28 |
29 div.digilib div.mark { | |
30 position: absolute; | |
31 color: white; | |
32 background: url('../greyskin/mark-bg-16.png'); | |
33 font-family: Verdana, Arial, Helvetica, sans-serif; | |
34 font-weight: bold; | |
35 font-size:11px; | |
36 height: 15px; | |
37 width: 16px; | |
38 padding-top: 1px; | |
39 text-align: center; | |
40 z-index: 10; | |
41 } | |
42 | |
43 div.digilib div.zoomrect { | |
44 position: absolute; | |
45 /* border: 2px solid #ffa060; */ | |
46 border: 2px solid #ff0000; | |
47 z-index: 200; | |
48 } | |
49 | |
29 div.birdview { | 50 div.birdview { |
30 border: 1px solid white; | 51 border: 1px solid white; |
31 position: fixed; | 52 position: fixed; |
32 bottom: 8px; | 53 bottom: 8px; |
33 right: 48px; | 54 right: 48px; |
62 | 83 |
63 | 84 |
64 <script type="text/javascript"> | 85 <script type="text/javascript"> |
65 $(document).ready(function(){ | 86 $(document).ready(function(){ |
66 var opts = {interactionMode : 'fullscreen', | 87 var opts = {interactionMode : 'fullscreen', |
67 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'}; | 88 scalerBaseUrl : 'http://localhost:18080/digitallibrary/servlet/Scaler'}; |
68 $('div.digilib').digilib(opts); | 89 $('div.digilib').digilib(opts); |
69 | 90 |
70 $('div.digilib').each(function(){ | 91 /* $('div.digilib').each(function(){ |
71 console.log($(this).data('digilib').settings); | 92 console.log($(this).data('digilib').settings); |
72 }); | 93 }); |
73 $('div.digilib').digilib('showAboutDiv', 1); | 94 $('div.digilib').digilib('showAboutDiv', 1); |
95 */ | |
74 }); | 96 }); |
75 | 97 |
76 </script> | 98 </script> |
77 </head> | 99 </head> |
78 | 100 |