Changeset 536:abd36d4d97b8 in documentViewer for zpt/viewer_images.zpt


Ignore:
Timestamp:
Jul 26, 2012, 7:22:56 PM (12 years ago)
Author:
casties
Branch:
default
Message:

new version of index page. improvements for digilib page and thumbnail overview.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • zpt/viewer_images.zpt

    r532 r536  
    66              numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
    77<head>
    8   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    9   <title
    10     tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
    11   <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
    12   <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
    13   <script type="text/javascript"
    14     tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
    15   <script type="text/javascript"
    16     tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
    17   <script type="text/javascript"
    18     tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
    19   <script type="text/javascript"
    20     tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
    21   <script type="text/javascript"
    22     tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
    23   <link rel="stylesheet" type="text/css"
    24     tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
     8<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     9<title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
     10<link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
     11<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
     12<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
     13<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
     14<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
     15<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
     16<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
     17<link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
    2518
    26   <script type="text/javascript"
    27     tal:content="python:'''
    28        var dlOpts = {
    29             'interactionMode' : 'fullscreen',
    30             'digilibBaseUrl' : '%s',
    31             'fn' : '%s',
    32             'pn' : '%s',
    33             'suppressParamNames' : ['fn'],
    34             'scalerInsets' : {'x' : 140, 'y' : 100}
    35         };'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
     19<script type="text/javascript"
     20  tal:content="python:'''\n
     21       var dlOpts = {\n
     22            'interactionMode' : 'fullscreen',\n
     23            'digilibBaseUrl' : '%s',\n
     24            'fn' : '%s',\n
     25            'pn' : '%s',\n
     26            'suppressParamNames' : ['fn'],\n
     27            'scalerInsets' : {'x':300, 'y':100}\n
     28        };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
    3629
    37   <script type="text/javascript">
    38             // <!--
    39             $(document).ready(function() {
    40                 // autosubmit forms
    41                 $('form.autosubmit').find('.autosubmit').change(function() {
    42                     this.form.submit();
    43                 });
    44                 $('form.autosubmit input[type="submit"]').hide();
    45                 // get digilib div
    46                 $digilib = $('div#scaler');
    47                 // configure digilib
    48                 $digilib.digilib(dlOpts);
    49             });
    50         // -->
    51         </script>
     30<script type="text/javascript">
     31        // <!--
     32        $(document).ready(function() {
     33                // autosubmit forms
     34                $('form.autosubmit').find('.autosubmit').change(function() {
     35                        this.form.submit();
     36                });
     37                $('form.autosubmit input[type="submit"]').hide();
     38                // get digilib div
     39                $digilib = $('div#scaler');
     40                // configure digilib
     41                $digilib.digilib(dlOpts);
     42        });
     43// -->
     44</script>
    5245</head>
    5346<body tal:condition="numPages">
    … …  
    6255      <!-- table of contents -->
    6356      <div class="col toc">
    64         <metal:block
    65           metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
     57        <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
    6658      </div>
    6759      <!-- col-main: text page -->
    … …  
    7062          <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
    7163        </div>
    72         <div class="content">
     64        <div class="content-images">
    7365          <div id="scaler">
    74             <img
    75               tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
     66            <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
    7667          </div>
    7768        </div>
Note: See TracChangeset for help on using the changeset viewer.