changeset 614:0bd19b6cede4 jquery

highlight hovered buttons
author hertzhaft
date Sun, 16 Jan 2011 14:05:17 +0100
parents 53ee659e2d00
children ec131e9699a6
files client/digitallibrary/jquery/jquery-test-full.html client/digitallibrary/jquery/jquery.digilib.js
diffstat 2 files changed, 16 insertions(+), 14 deletions(-) [+]
line wrap: on
line diff
--- a/client/digitallibrary/jquery/jquery-test-full.html	Sun Jan 16 00:56:59 2011 +0100
+++ b/client/digitallibrary/jquery/jquery-test-full.html	Sun Jan 16 14:05:17 2011 +0100
@@ -3,38 +3,40 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
         <title>Digilib jQuery Test HTML</title>
-        
+
         <style type="text/css">
             body {
                  background: silver;
             }
-            
+
             div.digilib {
                 float: left;
                 padding: 10px;
             }
-            
+
             div.buttons {
                 position: fixed;
                 right: 5px;
                 top: 5px;
                 padding: 3px;
-                background-color: silver;	 
-  }
-
+                background-color: silver;
+            }
 
-            
+            img.button:hover {
+                background-image: url('../greyskin/corona.png');
+            }
+
         </style>
-    
+
         <script type="text/javascript" src="jquery-1.4.4.js"></script>
         <script type="text/javascript" src="dlGeometry.js"></script>
         <script type="text/javascript" src="jquery.digilib.js"></script>
-        
+
 
         <script type="text/javascript">
             $(document).ready(function(){
-                var opts = {interactionMode : 'fullscreen', 
-                        scalerBaseUrl : 'http://localhost:18080/digitallibrary/servlet/Scaler'};
+                var opts = {interactionMode : 'fullscreen',
+                        scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler'};
                  $('div.digilib').digilib(opts);
 
                  $('div.digilib').each(function(){
@@ -46,9 +48,9 @@
     </head>
 
     <body>
-    
+
         <div id="digilib-1" class="digilib single">
-            <img src="http://digilinx:18080/digitallibrary/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
+            <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
         </div>
     </body>
 </html>
--- a/client/digitallibrary/jquery/jquery.digilib.js	Sun Jan 16 00:56:59 2011 +0100
+++ b/client/digitallibrary/jquery/jquery.digilib.js	Sun Jan 16 14:05:17 2011 +0100
@@ -313,7 +313,7 @@
                 // construct the button html
                 var $button = $('<div class="button"></div>');
                 var $a = $('<a/>');
-                var $img = $('<img/>');
+                var $img = $('<img class="button"/>');
                 $buttonsDiv.append($button);
                 $button.append($a);
                 $a.append($img);