@@ -, +, @@ images borered box. The class controlling the appearance of the box is now added after initialization. covers. --- .../intranet-tmpl/prog/css/src/staff-global.scss | 2 +- .../prog/en/modules/catalogue/detail.tt | 22 +++++++++++++--------- koha-tmpl/intranet-tmpl/prog/js/localcovers.js | 2 +- 3 files changed, 15 insertions(+), 11 deletions(-) --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -2091,7 +2091,7 @@ li { } } -#cover-slides { +.cover-slides { background: #FFF url("[% interface | html %]/[% theme | html %]/img/spinner-small.gif") center center no-repeat; border: 1px solid #b9d8d9; border-radius: 3px; --- a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt @@ -972,20 +972,23 @@ Note that permanent location is a code, and location may be an authval. } // If more that one slide is present, add a navigation link // for activating the slide - if( coverSlides.length > 1 ){ - var covernav = $(""); - if( index == 0 ){ - // Set the first navigation link as active - $(covernav).addClass("nav-active"); - } - $(covernav).html(""); - $("#cover-slides").append( covernav ); + var covernav = $(""); + if( index == 0 ){ + // Set the first navigation link as active + $(covernav).addClass("nav-active"); } + $(covernav).html(""); + $("#cover-slides").append( covernav ); } } }); if( $(".cover-image:visible").length < 1 ){ $("#cover-slides").remove(); + } else if( $(".cover-image:visible").length == 1 ){ + $(".cover-nav").remove(); + $("#cover-slides").addClass("cover-slides"); + } else { + $("#cover-slides").addClass("cover-slides"); } $("#editions img").each(function(i){ @@ -1159,8 +1162,9 @@ Note that permanent location is a code, and location may be an authval. link = $(this).attr("href"); openWindow(link,"Print spine label",400,400); }); - $("#cover-slides").on("click",".cover-nav", function(){ + $("#cover-slides").on("click",".cover-nav", function(e){ // Adding click handler for cover image navigation links + e.preventDefault(); var num = $(this).data("num"); $(".cover-nav").removeClass("nav-active"); $(this).addClass("nav-active"); --- a/koha-tmpl/intranet-tmpl/prog/js/localcovers.js +++ a/koha-tmpl/intranet-tmpl/prog/js/localcovers.js @@ -43,7 +43,7 @@ KOHA.LocalCover = { var mydiv = this; var message = document.createElement("span"); $(message).attr("class","no-image thumbnail"); - $(message).html( _("No cover image available") ); + $(message).html( __("No cover image available") ); $(mydiv).append(message); var img = $(""); img.attr('src','/cgi-bin/koha/catalogue/image.pl?thumbnail=1&biblionumber=' + $(mydiv).attr("class")) --