# HG changeset patch
# User casties
# Date 1315213836 -7200
# Node ID 79d414cead6d32241a1020380ad8c94aa6501979
# Parent  f1f55b91f400c776fc5c3eaff1806e2cf46103e9
first button for digilib

diff -r f1f55b91f400 -r 79d414cead6d zpt/viewer_images.zpt
--- a/zpt/viewer_images.zpt	Wed Aug 31 18:22:39 2011 +0200
+++ b/zpt/viewer_images.zpt	Mon Sep 05 11:10:36 2011 +0200
@@ -36,8 +36,10 @@
             this.form.submit();
         });
         $('form.autosubmit input[type="submit"]').hide();
+        // get digilib div
+        $digilib = $('div.scaler');
         // configure digilib
-        $('div.scaler').digilib(dlOpts);
+        $digilib.digilib(dlOpts);
     });
 //-->
 </script>
@@ -59,7 +61,7 @@
       <div class="col-left">
         <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
       </div>
-      <!-- text page -->
+      <!-- col-main: text page -->
       <div class="col-main">
         <div class="ruler">
           <form class="autosubmit" tal:attributes="action viewerUrl">
@@ -79,13 +81,15 @@
               tal:condition="rightest" tal:attributes="href python:here.getLink('pn',rightest)">&gt;|</a> <span
               tal:condition="not:rightest">&gt;|</span>
           </form>
-        </div>
-        <!-- ruler -->
+        </div><!-- ruler -->
         <ul class="switcher">
           <li class="sel">Image</li>
           <li><a tal:condition="docpath" tal:attributes="href python:here.getLink('viewMode','text')">Text</a></li>
         </ul>
         <div class="content">
+          <div class="dl-buttons">
+            <span><a href="javascript:$digilib.digilib('zoomArea')">zoom</a></span>
+          </div>
           <div class="scaler">
             <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
           </div>