diff client/digitallibrary/jquery/jquery-test-embedded.html @ 674:6c869c851c9a jquery

minor corrections
author hertzhaft
date Tue, 25 Jan 2011 18:35:53 +0100
parents 11d96bc0ac09
children 86c4174977f1
line wrap: on
line diff
--- a/client/digitallibrary/jquery/jquery-test-embedded.html	Tue Jan 25 17:50:27 2011 +0100
+++ b/client/digitallibrary/jquery/jquery-test-embedded.html	Tue Jan 25 18:35:53 2011 +0100
@@ -11,11 +11,16 @@
             div.digilib {
                 float: left;
                 padding: 10px;
+                width: 220px;
             }
 
-            div.scaler, div.buttons {
-                float: left;
+            div.buttons {
+                position: absolute;
+                margin-left: 184px;
+                top: 0px;
+                padding: 2px;
             }
+            
             div.button {
             }
 
@@ -23,6 +28,26 @@
                 background-color: darkred;
             }
 
+            div.birdview {
+                border: 1px solid white;
+                z-index: 1;
+                }
+
+            div.about {
+                position: absolute;
+                width: 200px;
+                top: 100px;
+                left: 350px;
+                height: 200px;
+                padding: 0px 2px;
+                font-family: Verdana, Arial, Helvetica, sans-serif;
+                border: 2px solid lightcyan;
+                background-color: lightgrey;
+                text-align: center;
+                display: none;
+                z-index: 1000;
+                }
+
         </style>
 
         <script type="text/javascript" src="jquery-1.4.4.js"></script>
@@ -32,7 +57,11 @@
 
         <script type="text/javascript">
             $(document).ready(function(){
-                 $('div.digilib').digilib({interactionMode : 'embedded'});
+                 $('div.digilib').digilib({
+                    interactionMode : 'embedded',
+                    birdDivWidth : 100, 
+                    birdDivHeight : 100
+                    });
 
                  $('div.digilib').each(function(){
                          console.log($(this).data('digilib').settings);