annotate client/digitallibrary/jquery/jquery-test-full.html @ 708:fc54b455f7f8 jquery

getting rid of bg div in zoomDrag
author hertzhaft
date Sun, 30 Jan 2011 18:32:40 +0100
parents e740c0b86508
children a8a3b92bb963
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
1 <?xml version="1.0" ?>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
3 <html xmlns="http://www.w3.org/1999/xhtml">
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
4 <head>
663
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 661
diff changeset
5 <title>Digilib jQuery Test: fullscreen</title>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
6
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
7 <style type="text/css">
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
8 body {
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
9 background: silver;
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
10 }
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
11
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
12 div.digilib {
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
13 }
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
14
605
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
15 div.buttons {
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
16 position: fixed;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
17 right: 5px;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
18 top: 5px;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
19 padding: 3px;
705
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 703
diff changeset
20 background-color: transparent;
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 703
diff changeset
21 z-index: 20;
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
22 }
605
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
23
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
24 img.button:hover {
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
25 background-image: url('../greyskin/corona.png');
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
26 }
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
27
647
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
28 div.digilib div.mark {
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
29 position: absolute;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
30 color: white;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
31 background: url('../greyskin/mark-bg-16.png');
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
32 font-family: Verdana, Arial, Helvetica, sans-serif;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
33 font-weight: bold;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
34 font-size:11px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
35 height: 15px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
36 width: 16px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
37 padding-top: 1px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
38 text-align: center;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
39 z-index: 10;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
40 }
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
41
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
42 div.digilib div.zoomrect {
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
43 position: absolute;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
44 /* border: 2px solid #ffa060; */
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
45 border: 2px solid #ff0000;
705
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 703
diff changeset
46 z-index: 100;
647
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
47 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 653
diff changeset
48
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
49 div.birdview {
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
50 border: 1px solid white;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
51 position: fixed;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
52 bottom: 8px;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
53 right: 48px;
610
2f2cd8c44a1c toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 609
diff changeset
54 display: none;
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
55 z-index: 1;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
56 }
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
57
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
58 div.about {
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
59 position: absolute;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
60 width: 200px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
61 top: 100px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
62 left: 350px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
63 height: 200px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
64 padding: 0px 2px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
65 font-family: Verdana, Arial, Helvetica, sans-serif;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
66 border: 2px solid lightcyan;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
67 background-color: lightgrey;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
68 text-align: center;
610
2f2cd8c44a1c toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 609
diff changeset
69 display: none;
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
70 z-index: 1000;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
71 }
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 705
diff changeset
72
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 705
diff changeset
73 div.scaler {
701
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 687
diff changeset
74 background-color: grey;
705
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 703
diff changeset
75 z-index: 0;
701
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 687
diff changeset
76 }
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
77
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
78 </style>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
79
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
80 <script type="text/javascript" src="jquery-1.4.4.js"></script>
602
c6f62be59683 start work on scaler call
robcast
parents: 600
diff changeset
81 <script type="text/javascript" src="dlGeometry.js"></script>
687
fc2bd9f8be17 COOOOKIES
hertzhaft
parents: 686
diff changeset
82 <script type="text/javascript" src="jquery.cookie.js"></script>
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
83 <script type="text/javascript" src="jquery.digilib.js"></script>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
84
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
85
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
86 <script type="text/javascript">
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
87 $(document).ready(function(){
650
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
88 var opts = {
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
89 interactionMode : 'fullscreen',
686
b13277a81027 I need my Hertziana connection
hertzhaft
parents: 684
diff changeset
90 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'
650
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
91 };
602
c6f62be59683 start work on scaler call
robcast
parents: 600
diff changeset
92 $('div.digilib').digilib(opts);
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
93 });
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
94
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
95 </script>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
96 </head>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
97
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
98 <body>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
99
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
100 <div id="digilib-1" class="digilib single">
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
101 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
102 </div>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
103 </body>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
104 </html>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
105