2 [% INCLUDE 'doc-head-open.inc' %]
3 [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog › Images for: [% biblio.title |html %]
4 [% INCLUDE 'doc-head-close.inc' %]
6 <style type="text/css">
8 border : 1px solid #CCCCCC;
17 border : 2px solid #8EB3E7;
26 #thumbnails a img.selected {
30 filter:alpha(opacity=40); /* For IE8 and earlier */
35 [% INCLUDE 'bodytag.inc' bodyid='opac-imageviewer' %]
36 [% INCLUDE 'masthead.inc' %]
39 <ul class="breadcrumb">
40 <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">›</span></li>
42 [% IF ( BiblioDefaultViewmarc ) %]
43 <a href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% biblionumber |url %]">
45 [% IF ( BiblioDefaultViewisbd ) %]
46 <a href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% biblionumber |url %]">
48 <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber |url %]">
50 [% END %][% biblio.title %]</a> <span class="divider">›</span>
52 <li><a href="#">Images</a></li>
55 <div class="container-fluid">
56 <div class="row-fluid">
57 [% IF ( OpacNav || OpacNavBottom ) %]
60 [% INCLUDE 'navigation.inc' %]
67 <div class="row-fluid">
69 <h1 class="title">Images for
70 [% IF ( BiblioDefaultViewmarc ) %]
71 <a class="title" href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
73 [% IF ( BiblioDefaultViewisbd ) %]
74 <a class="title" href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
76 <a class="title" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber |url %]" title="View details for this title">
78 [% END %][% biblio.title %]</a> [% biblio.author %]
80 </div> <!-- / .span9 -->
81 </div> <!-- / .row-fluid -->
83 <div class="row-fluid">
85 <div id="imageviewer">
87 <img id="largeCoverImg" alt="" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% imagenumber %]" />
89 </div> <!-- / #imageviewer -->
90 </div> <!-- / .span12 -->
92 [% IF OPACLocalCoverImages == 1 %]
95 [% FOREACH img IN images %]
97 <a href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber %]&imagenumber=[% img %]" onclick="showCover([% img %]); return false;">
98 [% IF ( imagenumber == img ) %]
99 <img class="thumbnail selected" id="[% img %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% img %]&thumbnail=1" alt="Thumbnail"/>
101 <img class="thumbnail" id="[% img %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% img %]&thumbnail=1" alt="Thumbnail"/>
109 Unfortunately, images are not enabled for this catalog at this time.
111 </div> <!-- / .row-fluid -->
112 </div> <!-- / .span10/12 -->
113 </div> <!-- / .row-fluid -->
114 </div> <!-- / .container-fluid -->
115 </div> <!-- / .main -->
117 [% INCLUDE 'opac-bottom.inc' %]
118 [% BLOCK jsinclude %]
119 <script type="text/javascript">
121 $(document).ready(function(){
122 $("#largeCoverImg").attr("src","[% interface %]/[% theme %]/images/loading.gif");
123 showCover([% imagenumber %]);
126 function showCover(img) {
127 $('.thumbnail').attr('class', 'thumbnail');
128 $('#largeCoverImg').attr('src', '/cgi-bin/koha/opac-image.pl?imagenumber=' + img);
129 $('#' + img + '.thumbnail').attr('class', 'thumbnail selected');