comparison client/digitallibrary/jquery/jquery-test-full.html @ 729:aee08dbfccae jquery

no bird zoom drag if scaler image is not zoomed
author hertzhaft
date Tue, 01 Feb 2011 14:59:15 +0100
parents c1b1c463bc44
children 4c0cc97a6399
comparison
equal deleted inserted replaced
728:84ad95fd3202 729:aee08dbfccae
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