koha-tmpl/opac-tmpl/prog/en/modules/opac-imageviewer.tt

   1 [% INCLUDE 'doc-head-open.inc' %]
   2 [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha Online[% END %] Catalog &rsaquo; Images for: [% biblio.title |html %]
   3 [% INCLUDE 'doc-head-close.inc' %]
   4 <script type="text/javascript">
   5 //<![CDATA[
   6
   7 $(document).ready(function(){
   8         $("#largeCoverImg").attr("src","/opac-tmpl/prog/images/loading.gif");
   9     showCover([% imagenumber %]);
  10 });
  11
  12 function showCover(img) {
  13     $('.thumbnail').attr('class', 'thumbnail');
  14     $('#largeCoverImg').attr('src', '/cgi-bin/koha/opac-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 : 2px solid #8EB3E7;
  31 }
  32 img.thumbnail {
  33         display : block;
  34     float : none;
  35     padding : .5em;
  36 }
  37
  38 #thumbnails a img.selected {
  39     border-color: black;
  40     cursor : default;
  41     opacity:0.4;
  42         filter:alpha(opacity=40); /* For IE8 and earlier */
  43 }
  44 </style>
  45 </head>
  46 <body id="opac-imageviewer">
  47 [% IF ( OpacNav ) %]<div id="doc3" class="yui-t1">[% ELSE %]<div id="doc3" class="yui-t7">[% END %]
  48    <div id="bd">
  49 [% INCLUDE 'masthead.inc' %]
  50         <div id="yui-main">
  51         <div class="yui-b">
  52         <div class="yui-ge">
  53         <div class="container">
  54         <h1 class="title">Images for                            [% IF ( BiblioDefaultViewmarc ) %]<a class="title" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
  55                                 [% ELSE %]
  56                                 [% IF ( BiblioDefaultViewisbd ) %]<a class="title" href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
  57                                 [% ELSE %]<a class="title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
  58                                 [% END %]
  59                                 [% END %][% biblio.title %]</a> [% biblio.author %]</h1>
  60         <div class="yui-u first">
  61
  62                 <div id="largeCover"><img id="largeCoverImg" alt="" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% imagenumber %]" /></div></div>
  63
  64         [% IF OPACLocalCoverImages == 1 %]
  65         <div class="yui-u"><div id="thumbnails">
  66                         [% FOREACH img IN images %]
  67                                 [% IF img %]
  68                                 <a href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber %]&amp;imagenumber=[% img %]" onclick="showCover([% img %]); return false;">
  69                                 [% IF ( imagenumber == img ) %]<img class="thumbnail selected" id="[% img %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail"/>
  70                                 [% ELSE %]
  71                                 <img class="thumbnail" id="[% img %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail"/>
  72                                 [% END %]
  73                                 </a>
  74                                 [% END %]
  75                         [% END %]
  76                 </div></div>
  77         </div>
  78 [% ELSE %]
  79 Unfortunately, images are not enabled for this catalog at this time.
  80 [% END %]
  81
  82 </div>
  83 </div>
  84 </div>
  85 [% IF ( OpacNav ) %]
  86 <div class="yui-b"><div id="leftmenus" class="container">
  87 [% INCLUDE 'navigation.inc' %]
  88 </div></div>
  89 [% END %]
  90 </div>
  91 [% INCLUDE 'opac-bottom.inc' %]