koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/imageviewer.tt

   1 [% INCLUDE 'doc-head-open.inc' %]
   2 <title>Koha &rsaquo; Catalog &rsaquo; Details for [% biblio.title |html %] [% FOREACH subtitl IN subtitle %] [% subtitl.subfield %][% END %]</title>
   3 [% INCLUDE 'doc-head-close.inc' %]
   4 [% IF ( LocalCoverImages == 1 ) %]
   5 <script type="text/JavaScript">
   6 //<![CDATA[
   7
   8 $(document).ready(function(){
   9     showCover([% imagenumber %]);
  10 });
  11
  12 function showCover(img) {
  13     $('.thumbnail').attr('class', 'thumbnail');
  14     $('#largeCoverImg').attr('src', '/cgi-bin/koha/catalogue/image.pl?imagenumber=' + img);
  15     $('#' + img + '.thumbnail').attr('class', 'thumbnail selected');
  16 }
  17 //]]>
  18 </script>
  19 <style type="text/css">
  20 #largeCoverImg {
  21     border : 1px solid #CCCCCC;
  22     display : block;
  23     margin : auto;
  24     padding : 1em;
  25 }
  26 #thumbnails {
  27     text-align : center;
  28 }
  29 #thumbnails a img {
  30     border : 1px solid #0000CC;
  31 }
  32 img.thumbnail {
  33     display : block;
  34     float : none;
  35     margin: 0 5px 5px 0;
  36     padding : .5em;
  37 }
  38
  39 #thumbnails a img.selected {
  40     border-color: black;
  41     cursor : default;
  42     opacity:0.4;
  43     filter:alpha(opacity=40); /* For IE8 and earlier */
  44 }
  45 </style>[% END %]
  46 </head>
  47
  48 <body>
  49
  50 [% INCLUDE 'header.inc' %]
  51 [% INCLUDE 'cat-search.inc' %]
  52
  53 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>  &rsaquo; Images for <i>[% biblio.title |html %]  [% FOREACH subtitl IN subtitle %] [% subtitl.subfield %][% END %]</i></div>
  54
  55 <div id="doc3" class="yui-t1">
  56
  57 <div id="bd">
  58     <div id="yui-main">
  59     <div class="yui-b">
  60     <div class="yui-ge">
  61
  62 [% INCLUDE 'cat-toolbar.inc' %]
  63
  64 <h3>Images for <i>[% biblio.title |html %]</i></h3>
  65 <h4>[% biblio.author %]</h4>
  66
  67 [% IF ( LocalCoverImages == 1 ) %]
  68     [% IF ( images.size > 0 ) %]
  69         <div class="yui-u first">
  70         <div id="largeCover">
  71             <img id="largeCoverImg" alt="" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% imagenumber %]" />
  72         </div></div>
  73
  74         <div class="yui-u"><div id="thumbnails">
  75
  76             [% FOREACH img IN images %]
  77                 [% IF img %]
  78                 <a href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber %]&amp;imagenumber=[% img %]" onclick="showCover([% img %]); return false;">
  79                     [% IF ( imagenumber == img ) %]
  80                         <img class="thumbnail selected" id="[% img %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail" />
  81                     [% ELSE %]
  82                         <img class="thumbnail" id="[% img %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail" />
  83                     [% END %]
  84                 </a>
  85                 [% END %]
  86             [% END %]
  87         </div></div>
  88
  89     [% ELSE %]
  90         <div class="dialog message">There are no images for this record.</div>
  91     [% END %]
  92 [% ELSE %]
  93     <div class="dialog message">Local images have not been enabled by your system administrator.</div>
  94 [% END %]
  95
  96 </div>
  97 </div>
  98 </div>
  99 <div class="yui-b">
 100 [% INCLUDE 'biblio-view-menu.inc' %]
 101 </div>
 102 </div>
 103 [% INCLUDE 'intranet-bottom.inc' %]