|
Lines 87-98
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 class="cover_thumbnail" data-imagenumber="[% image.imagenumber| html %]" href="/cgi-bin/koha/opac-imageviewer.pl?biblionumber=[% biblionumber | url %]&imagenumber=[% image.imagenumber| uri %]"> |
90 |
<a href="#" class="cover_thumbnail" data-imagenumber="[% image.imagenumber| html %]"> |
| 91 |
[% IF loop.first %] |
91 |
<img class="thumbnail [% IF loop.first %] selected [% END %]" 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 %] |
| 94 |
<img class="thumbnail" id="[% image.imagenumber | html %]" src="/cgi-bin/koha/opac-image.pl?imagenumber=[% image.imagenumber | html %]&thumbnail=1" alt="Thumbnail"/> |
| 95 |
[% END %] |
| 96 |
</a> |
92 |
</a> |
| 97 |
[% END %] |
93 |
[% END %] |
| 98 |
</div> <!-- /#thumbnails --> |
94 |
</div> <!-- /#thumbnails --> |
|
Lines 114-124
Link Here
|
| 114 |
$("#largeCoverImg").attr("src","[% interface | html %]/[% theme | html %]/images/loading.gif"); |
110 |
$("#largeCoverImg").attr("src","[% interface | html %]/[% theme | html %]/images/loading.gif"); |
| 115 |
showCover([% imagenumber | html %]); |
111 |
showCover([% imagenumber | html %]); |
| 116 |
$("a.cover_thumbnail").on('click',function(){ |
112 |
$("a.cover_thumbnail").on('click',function(){ |
| 117 |
let imagenumber = this.dataset.imagenumber; |
113 |
showCover(this.dataset.imagenumber); |
| 118 |
if (imagenumber){ |
|
|
| 119 |
showCover(imagenumber); |
| 120 |
} |
| 121 |
return false; |
| 122 |
}); |
114 |
}); |
| 123 |
}); |
115 |
}); |
| 124 |
|
116 |
|
| 125 |
- |
|
|