diff client/digitallibrary/jquery/jquery-test-embedded.html @ 846:dad6a171bc52 jquery

region icons for embedded mode
author hertzhaft
date Sat, 05 Mar 2011 00:16:04 +0100
parents 00d37112d062
children c662bf335881
line wrap: on
line diff
--- a/client/digitallibrary/jquery/jquery-test-embedded.html	Tue Mar 01 22:00:50 2011 +0100
+++ b/client/digitallibrary/jquery/jquery-test-embedded.html	Sat Mar 05 00:16:04 2011 +0100
@@ -56,21 +56,26 @@
         <script type="text/javascript" src="jquery.digilib.js"></script>
         <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
         <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
+        <script type="text/javascript" src="jquery.digilib.regions.js"></script>
+        <script type="text/javascript" src="jquery.digilib.pluginstub.js"></script>
         <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
 
 
         <script type="text/javascript">
             $(document).ready(function(){
-                 $('div.digilib').digilib({
-                    interactionMode : 'embedded',
-                    birdDivWidth : 100, 
-                    birdDivHeight : 100
+                var opts = {
+                    interactionMode : 'fullscreen',
+                    scalerBaseUrl : 'http://digilib.biblhertz.it/digilib04/servlet/Scaler',
+                    showRegionNumbers : true,
+                    autoRegionLinks : false,
+                    includeRegionContent : true 
+                    };
+                var $div = $('div.digilib');
+                $div.digilib(opts);
+
+                $('div.digilib').each(function(){
+                    console.log($(this).data('digilib').settings);
                     });
-
-                 $('div.digilib').each(function(){
-                         console.log($(this).data('digilib').settings);
-                    });
-
             });
 
         </script>
@@ -93,7 +98,12 @@
 
                 <td>
                     <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" />
+                        <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
+                        <div class="keep regioncontent">
+                            <a href="http://www.mpiwg-berlin.mpg.de" rel="area:0.1/0.1/0.4/0.1">MPI fuer Wissenschaftsgeschichte</a>
+                            <a href="http://www.biblhertz.it" rel="area:0.5/0.8/0.4/0.1">Bibliotheca Hertziana</a>
+                            <a rel="area:0.3/0.5/0.15/0.1" />
+                        </div>
                     </div>
                 </td>