diff client/digitallibrary/jquery/jquery-test-embedded.html @ 666:2294e91613e6 jquery

added small buttons image files
author hertzhaft
date Mon, 24 Jan 2011 00:48:17 +0100
parents
children 11d96bc0ac09
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/digitallibrary/jquery/jquery-test-embedded.html	Mon Jan 24 00:48:17 2011 +0100
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<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.scaler, div.buttons {
+                float: left;
+            }
+            div.button {
+            }
+
+            div.button:hover {
+                background-color: darkred;
+            }
+
+        </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(){
+                 $('div.digilib').digilib({interactionMode : 'embedded'});
+
+                 $('div.digilib').each(function(){
+                         console.log($(this).data('digilib').settings);
+                    });
+
+            });
+
+        </script>
+    </head>
+
+    <body>
+
+        <div id="digilib-1" class="digilib single">
+            <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/&amp;pn=1" />
+        </div>
+        <div id="digilib-2" class="digilib">
+            <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/ferrara" />
+        </div>
+        <div id="digilib-3" class="digilib">
+            <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/weide" />
+        </div>
+        <div id="digilib-4" class="digilib">
+            <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/HansHolbein-NikolausKratzer" />
+        </div>
+    </body>
+</html>
+