Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery-test-full.html @ 722:a8a3b92bb963 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
no bird zoom drag if scaler image is not zoomed
author hertzhaft
date Tue, 01 Feb 2011 14:59:15 +0100
parents fc54b455f7f8
children fb4ffac2950d
comparison
equal deleted inserted replaced
721:aaaf0a5ada66 722:a8a3b92bb963
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 {
13 }
14
15 div.buttons {
16 position: fixed;
17 right: 5px;
18 top: 5px;
19 padding: 3px;
20 background-color: transparent;
21 z-index: 20;
22 }
23
24 img.button:hover {
25 background-image: url('../greyskin/corona.png');
26 }
27
28 div.digilib div.mark {
29 position: absolute;
30 color: white;
31 background: url('../greyskin/mark-bg-16.png');
32 font-family: Verdana, Arial, Helvetica, sans-serif;
33 font-weight: bold;
34 font-size:11px;
35 height: 15px;
36 width: 16px;
37 padding-top: 1px;
38 text-align: center;
39 z-index: 10;
40 }
41
42 div.digilib div.zoomrect {
43 position: absolute;
44 /* border: 2px solid #ffa060; */
45 border: 2px solid #ff0000;
46 z-index: 100;
47 }
48
49 div.birdview {
50 border: 1px solid white;
51 position: fixed;
52 bottom: 8px;
53 right: 48px;
54 display: none;
55 z-index: 1;
56 }
57
58 div.about {
59 position: absolute;
60 width: 200px;
61 top: 100px;
62 left: 350px;
63 height: 200px;
64 padding: 0px 2px;
65 font-family: Verdana, Arial, Helvetica, sans-serif;
66 border: 2px solid lightcyan;
67 background-color: lightgrey;
68 text-align: center;
69 display: none;
70 z-index: 1000;
71 }
72
73 div.scaler {
74 background-color: grey;
75 z-index: 0;
76 }
77
78 </style> 12 </style>
79 13
80 <script type="text/javascript" src="jquery-1.4.4.js"></script> 14 <script type="text/javascript" src="jquery-1.4.4.js"></script>
81 <script type="text/javascript" src="dlGeometry.js"></script> 15 <script type="text/javascript" src="dlGeometry.js"></script>
82 <script type="text/javascript" src="jquery.cookie.js"></script> 16 <script type="text/javascript" src="jquery.cookie.js"></script>
83 <script type="text/javascript" src="jquery.digilib.js"></script> 17 <script type="text/javascript" src="jquery.digilib.js"></script>
18 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
84 19
85 20
86 <script type="text/javascript"> 21 <script type="text/javascript">
87 $(document).ready(function(){ 22 $(document).ready(function(){
88 var opts = { 23 var opts = {
95 </script> 30 </script>
96 </head> 31 </head>
97 32
98 <body> 33 <body>
99 34
100 <div id="digilib-1" class="digilib single"> 35 <div id="digilib-1" class="digilib">
101 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> 36 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
102 </div> 37 </div>
103 </body> 38 </body>
104 </html> 39 </html>
105 40