annotate client/digitallibrary/jquery/jquery-test-full.html @ 663:fda2d9bd9ba7 jquery

birdview: nice animation for embedded mode, none for fullscreen
author hertzhaft
date Mon, 24 Jan 2011 23:07:57 +0100
parents 692b1191f89a
children 820a5cd4715d
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 float: left;
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
14 padding: 10px;
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
15 }
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
16
605
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
17 div.buttons {
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
18 position: fixed;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
19 right: 5px;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
20 top: 5px;
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
21 padding: 3px;
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
22 background-color: silver;
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
23 }
605
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 602
diff changeset
24
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
25 img.button:hover {
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
26 background-image: url('../greyskin/corona.png');
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
27 }
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
28
647
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
29 div.digilib div.mark {
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
30 position: absolute;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
31 color: white;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
32 background: url('../greyskin/mark-bg-16.png');
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
33 font-family: Verdana, Arial, Helvetica, sans-serif;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
34 font-weight: bold;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
35 font-size:11px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
36 height: 15px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
37 width: 16px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
38 padding-top: 1px;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
39 text-align: center;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
40 z-index: 10;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
41 }
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
42
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
43 div.digilib div.zoomrect {
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
44 position: absolute;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
45 /* border: 2px solid #ffa060; */
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
46 border: 2px solid #ff0000;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
47 z-index: 200;
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
48 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 653
diff changeset
49
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
50 div.birdview {
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
51 border: 1px solid white;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
52 position: fixed;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
53 bottom: 8px;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
54 right: 48px;
610
2f2cd8c44a1c toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 609
diff changeset
55 display: none;
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
56 z-index: 1;
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
57 }
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
58
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
59 div.about {
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
60 position: absolute;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
61 width: 200px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
62 top: 100px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
63 left: 350px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
64 height: 200px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
65 padding: 0px 2px;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
66 font-family: Verdana, Arial, Helvetica, sans-serif;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
67 border: 2px solid lightcyan;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
68 background-color: lightgrey;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
69 text-align: center;
610
2f2cd8c44a1c toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 609
diff changeset
70 display: none;
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
71 z-index: 1000;
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
72 }
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
73
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
74 </style>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
75
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
76 <script type="text/javascript" src="jquery-1.4.4.js"></script>
602
c6f62be59683 start work on scaler call
robcast
parents: 600
diff changeset
77 <script type="text/javascript" src="dlGeometry.js"></script>
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
78 <script type="text/javascript" src="jquery.digilib.js"></script>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
79
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
80
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
81 <script type="text/javascript">
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
82 $(document).ready(function(){
650
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
83 var opts = {
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
84 interactionMode : 'fullscreen',
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
85 scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'
b6fdd915c7e8 restore the old scaler url
hertzhaft
parents: 649
diff changeset
86 };
602
c6f62be59683 start work on scaler call
robcast
parents: 600
diff changeset
87 $('div.digilib').digilib(opts);
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
88
647
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
89 /* $('div.digilib').each(function(){
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
90 console.log($(this).data('digilib').settings);
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
91 });
634
3223fabd53bc some small aboutdiv fixes
hertzhaft
parents: 611
diff changeset
92 $('div.digilib').digilib('showAboutDiv', 1);
647
a2aadf44a454 zoomarea works now
robcast
parents: 634
diff changeset
93 */
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
94 });
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
95
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
96 </script>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
97 </head>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
98
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
99 <body>
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
100
600
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
101 <div id="digilib-1" class="digilib single">
607
dc6b2e7f3621 highlight hovered buttons
hertzhaft
parents: 606
diff changeset
102 <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
103 </div>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
104 </body>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
105 </html>
9da729b90004 parameter parsing
hertzhaft
parents:
diff changeset
106