|
Lines 87-93
Link Here
|
| 87 |
<div class="col-lg-3"> |
87 |
<div class="col-lg-3"> |
| 88 |
<div id="thumbnails"> |
88 |
<div id="thumbnails"> |
| 89 |
[% FOREACH image IN images %] |
89 |
[% FOREACH image IN images %] |
| 90 |
<a href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber | url %]&imagenumber=[% image.imagenumber| uri %]" onclick="showCover([% image.imagenumber| html %]); return false;"> |
90 |
<a class="cover_thumbnail" data-imagenumber="[% image.imagenumber| html %]" href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber | url %]&imagenumber=[% image.imagenumber| uri %]"> |
| 91 |
[% IF loop.first %] |
91 |
[% IF loop.first %] |
| 92 |
<img class="thumbnail selected" id="[% image.imagenumber| html %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% image.imagenumber | html %]&thumbnail=1" alt="Thumbnail"/> |
92 |
<img class="thumbnail selected" id="[% image.imagenumber| html %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% image.imagenumber | html %]&thumbnail=1" alt="Thumbnail"/> |
| 93 |
[% ELSE %] |
93 |
[% ELSE %] |
|
Lines 113-118
Link Here
|
| 113 |
$(document).ready(function(){ |
113 |
$(document).ready(function(){ |
| 114 |
$("#largeCoverImg").attr("src","[% interface | html %]/[% theme | html %]/images/loading.gif"); |
114 |
$("#largeCoverImg").attr("src","[% interface | html %]/[% theme | html %]/images/loading.gif"); |
| 115 |
showCover([% imagenumber | html %]); |
115 |
showCover([% imagenumber | html %]); |
|
|
116 |
$("a.cover_thumbnail").on('click',function(){ |
| 117 |
let imagenumber = this.dataset.imagenumber; |
| 118 |
if (imagenumber){ |
| 119 |
showCover(imagenumber); |
| 120 |
} |
| 121 |
return false; |
| 122 |
}); |
| 116 |
}); |
123 |
}); |
| 117 |
|
124 |
|
| 118 |
function showCover(img) { |
125 |
function showCover(img) { |
| 119 |
- |
|
|