1<ja:if test="<%= navigation %>"> 2 <script src="${resPath}/jquery.hotkeys.js" type="text/javascript"></script> 3 <script src="${resPath}/galleria/jquery.galleria.js" type="text/javascript"></script> 4 <script src="${resPath}/jquery.scrollimages.js" type="text/javascript"></script> 5 <ja:if test="<%= showMetadata %>"> 6 <script type="text/javascript"><!--//--><![CDATA[//><!-- 7 (function($) { 8 $.fn.addMetadata = function(key, val) { 9 if (val) { 10 this.append($("<li>" + key + ": " + val + "</li>")); 11 } 12 return this; 13 } 14 })(jQuery); 15 //--><!]]></script> 16 </ja:if> 17 <script type="text/javascript"><!--//--><![CDATA[//><!-- 18 $(function() { 19 $("#thumbnails_container").imageScroller({ 20 onBeforeScroll: function() { $.galleria.stop() }, 21 onScroll: function() { $.galleria.start() }, 22 duration: <%= scrollDuration %>, 23 imageWidth: <%= thumbItemSize %>, 24 size: <%= scrollerSize %>, 25 fastSteps: <%= fastNavigationStep %> 26 }); 27 28 var formattedThumbnailOpacity = ${unformattedThumbnailOpacity}/100; 29 30 $(".thumbnails_unstyled").addClass("thumbnails"); 31 $("ul.thumbnails").galleria({ 32 history: ${enableHistory}, 33 clickNext: true, 34 insert: "#main_image", 35 onImage: function(image, caption, thumb) { 36 var extras = $("#extras").css("display", "none").empty(); 37 image.css("display", "none").fadeIn(<%= mainImageFadeIn %>); 38 caption.css("display", "none").fadeIn(<%= mainImageFadeIn %>); 39 40 if (<%= showMetadata %>) { 41 var extrasList = $("<ul></ul>"); 42 extrasList.addMetadata("$text.metadata.originalDate", thumb.data("originalDate")); 43 extrasList.addMetadata("$text.metadata.cameraModel", thumb.data("cameraModel")); 44 extrasList.addMetadata("$text.metadata.exposureTime", thumb.data("exposureTime")); 45 extrasList.addMetadata("$text.metadata.isoEquivalent", thumb.data("isoEquivalent")); 46 extrasList.addMetadata("$text.metadata.aperture", thumb.data("aperture")); 47 extrasList.addMetadata("$text.metadata.focusDistance", thumb.data("focusDistance")); 48 extrasList.addMetadata("$text.metadata.focalLength35mm", thumb.data("focalLength35mm")); 49 extrasList.addMetadata("$text.metadata.keywords", thumb.data("keywords")); 50 if (extrasList.children().length > 0) { 51 extras.append(extrasList); 52 extrasList.find(":first-child").addClass("first"); 53 extras.css({ 54 width : (image.outerWidth() - (<%= extrasPadding %> * 2) + <%= extrasAdditionalWidth %>) + "px" 55 }).fadeIn(<%= mainImageFadeIn %>); 56 } 57 } 58 59 var li = thumb.parents("li"); 60 li.siblings().children("img.selected").fadeTo(<%= selectedThumbnailFadeOut %>, formattedThumbnailOpacity); 61 thumb.fadeTo("fast", 1).addClass("selected"); 62 image.attr("title", "$text.content.nextImage"); 63 64 var original = thumb.data("original"); 65 if (original) { 66 var originalLink = $("<a></a>").attr("href", original).text("$text.content.downloadOriginal"); 67 caption.append(" (").append(originalLink).append(")"); 68 } 69 }, 70 onThumb: function(thumb) { 71 var li = thumb.parents("li"); 72 var fadeTo = li.is(".active") ? "1" : formattedThumbnailOpacity; 73 thumb.css({display: "none", opacity: fadeTo}).fadeIn(<%= selectedThumbnailFadeIn %>); 74 thumb.hover( 75 function() { 76 thumb.fadeTo("fast", 1); 77 }, 78 function() { 79 li.not(".active").children("img").fadeTo("fast", formattedThumbnailOpacity); 80 } 81 ) 82 }, 83 preloads: <%= preloads %>, 84 fastSteps: <%= fastNavigationStep %>, 85 onPrev: function() { 86 $.imageScroller.scrollLeft(); 87 }, 88 onNext: function() { 89 $.imageScroller.scrollRight(); 90 }, 91 onPrevFast: function() { 92 $.imageScroller.fastScrollLeft(); 93 }, 94 onNextFast: function() { 95 $.imageScroller.fastScrollRight(); 96 }, 97 enableSlideshow : <%= slideshowEnable %>, 98 autostartSlideshow : <%= slideshowAutostart %>, 99 slideshowDelay : <%= slideshowDelay %>, 100 onSlideshowPlayed : function() { 101 $('.play').hide(); 102 $('.pause').show(); 103 }, 104 onSlideshowPaused : function() { 105 $('.play').show(); 106 $('.pause').hide(); 107 } 108 }); 109 110 $.galleria.loader = $("<div></div>").addClass("loader").append($(new Image()).attr("src","${resPath}/loader.gif").attr("title","$text.content.loading")); 111 112 prepareArrow = function(arrow) { 113 arrow.css({display: "none", opacity: <%= arrowOpacity %>, "padding-top": "<%= (thumbItemSize - thumbnailMargin) > arrowHeight ? ((thumbItemSize - thumbnailMargin) - arrowHeight)/2 : 0 %>px"}).fadeIn( <%= arrowFadeIn %>); 114 arrow.hover( 115 function() { 116 arrow.fadeTo("fast", 1); 117 }, 118 function() { 119 arrow.fadeTo("fast", <%= arrowOpacity %>); 120 } 121 ); 122 } 123 124 var leftArrow = $("#left_arrow"); 125 prepareArrow(leftArrow); 126 leftArrow.click(function() { 127 $.galleria.prev(); 128 }); 129 130 var rightArrow = $("#right_arrow"); 131 prepareArrow(rightArrow); 132 rightArrow.click(function() { 133 $.galleria.next(); 134 }); 135 136 if (<%= fastNavigation %>) { 137 var leftFastArrow = $("#left_fast_arrow"); 138 prepareArrow(leftFastArrow); 139 leftFastArrow.click(function() { 140 $.galleria.prevFast(); 141 }); 142 143 var rightFastArrow = $("#right_fast_arrow"); 144 prepareArrow(rightFastArrow); 145 rightFastArrow.click(function() { 146 $.galleria.nextFast(); 147 }); 148 } 149 }); 150 151 $(document).bind("keydown", "left", function() { 152 if (!KeyboardNavigation.widgetHasFocus()) { 153 $.galleria.prev(); 154 } 155 }); 156 $(document).bind("keydown", "right", function() { 157 if (!KeyboardNavigation.widgetHasFocus()) { 158 $.galleria.next(); 159 } 160 }); 161 $(document).bind("keydown", "space", function() { 162 if (!KeyboardNavigation.widgetHasFocus()) { 163 $.galleria.toggleSlideshow(); 164 } 165 }); 166 167 var KeyboardNavigation = { 168 widgetHasFocus: function() { 169 if(typeof _jaWidgetFocus != 'undefined' && _jaWidgetFocus) { 170 return true; 171 } 172 return false; 173 } 174 } 175 //--><!]]></script> 176</ja:if> 177<ja:if test="<%= folders %>"> 178 <script type="text/javascript"><!--//--><![CDATA[//><!-- 179 var formattedFolderIconOpacity = ${unformattedFolderIconOpacity}/100; 180 181 $(function() { 182 $("ul.folders li a").css({display: "none", opacity: formattedFolderIconOpacity}).fadeIn(<%= folderFadeIn %>).hover( 183 function() { 184 $(this).fadeTo("fast", 1); 185 }, 186 function() { 187 $(this).fadeTo("fast", formattedFolderIconOpacity); 188 } 189 ); 190 }); 191 //--><!]]></script> 192</ja:if> 193