|
|
|
@ -27,19 +27,55 @@ public class ImagesGallery {
|
|
|
|
|
.$("#nanogallery")
|
|
|
|
|
.nanogallery2(
|
|
|
|
|
{
|
|
|
|
|
thumbnailHeight : '200 XS150 SM150', // RESPONSIVE THUMBNAIL HEIGHT: default=250px, XS resolution=200px, SM resolution=200px
|
|
|
|
|
thumbnailWidth : 'auto', // RESPONSIVE THUMBNAIL WIDTH: default=250px, XS resolution=150px, SM resolution=200px
|
|
|
|
|
thumbnailAlignment : 'left',
|
|
|
|
|
thumbnailBorderHorizontal : 0,
|
|
|
|
|
thumbnailBorderVertical : 0,
|
|
|
|
|
thumbnailGutterWidth : '10 XS10 SM10',
|
|
|
|
|
thumbnailGutterHeight : '10 XS10 SM10',
|
|
|
|
|
|
|
|
|
|
// THUMBNAIL TOOLS & LABEL
|
|
|
|
|
thumbnailLabel : {
|
|
|
|
|
display : true,
|
|
|
|
|
position : 'onBottom',
|
|
|
|
|
align : 'left'
|
|
|
|
|
},
|
|
|
|
|
thumbnailToolbarImage : {
|
|
|
|
|
bottomLeft : 'display'
|
|
|
|
|
},
|
|
|
|
|
// replace the default DISPLAY tool icon
|
|
|
|
|
icons : {
|
|
|
|
|
thumbnailDisplay : '<i class="fa fa-long-arrow-right" aria-hidden="true"></i> display'
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
thumbnailHeight : '200',
|
|
|
|
|
thumbnailWidth : 'auto',
|
|
|
|
|
thumbnailAlignment : 'fillWidth',
|
|
|
|
|
|
|
|
|
|
thumbnailDisplayTransition : 'slideDown',
|
|
|
|
|
thumbnailDisplayTransitionDuration : 500,
|
|
|
|
|
thumbnailDisplayInterval : 30,
|
|
|
|
|
// DISPLAY ANIMATION
|
|
|
|
|
galleryDisplayTransition : 'slideUp',
|
|
|
|
|
galleryDisplayTransitionDuration : 1000,
|
|
|
|
|
thumbnailDisplayTransition : 'scaleDown',
|
|
|
|
|
thumbnailDisplayTransitionDuration : 300,
|
|
|
|
|
thumbnailDisplayInterval : 50,
|
|
|
|
|
|
|
|
|
|
// THUMBNAIL'S HOVER ANIMATION
|
|
|
|
|
thumbnailHoverEffect2 : 'imageScaleIn80',
|
|
|
|
|
//thumbnailBuildInit2 : 'tools_font-size_1.5em|title_font-size_1.5em',
|
|
|
|
|
thumbnailHoverEffect2 : 'image_scale_1.00_1.20_1000|tools_opacity_0_1|tools_translateX_-30px_0px|title_opacity_1_0|title_translateX_0px_-30px',
|
|
|
|
|
touchAnimation : true,
|
|
|
|
|
touchAutoOpenDelay : 800,
|
|
|
|
|
|
|
|
|
|
// GALLERY THEME
|
|
|
|
|
galleryTheme : {
|
|
|
|
|
thumbnail : {
|
|
|
|
|
borderRadius : '2px',
|
|
|
|
|
background : '#fff',
|
|
|
|
|
titleShadow : 'none',
|
|
|
|
|
titleColor : 'gray',
|
|
|
|
|
labelBackground : '#f3f3f3'
|
|
|
|
|
},
|
|
|
|
|
thumbnailIcon : {
|
|
|
|
|
color : '#000',
|
|
|
|
|
shadow : 'none'
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
viewerToolbar : {
|
|
|
|
|
display : true,
|
|
|
|
|
standard : 'minimizeButton, label',
|
|
|
|
@ -79,8 +115,15 @@ public class ImagesGallery {
|
|
|
|
|
JSONObject json = new JSONObject();
|
|
|
|
|
json.put("src", new JSONString(imageContent.getLink()));
|
|
|
|
|
json.put("srct", new JSONString(imageContent.getLink()));
|
|
|
|
|
List<String> listAuthors = image.getResponsabili();
|
|
|
|
|
String txtAuthors = listAuthors.size()>1 ? "Authors ": "Author ";
|
|
|
|
|
for (String author : listAuthors) {
|
|
|
|
|
txtAuthors+= " "+author +",";
|
|
|
|
|
}
|
|
|
|
|
String description = txtAuthors + ". ID Licenza: "+image.getLicenseID();
|
|
|
|
|
txtAuthors = txtAuthors.substring(0,txtAuthors.length()-1);
|
|
|
|
|
json.put("title", new JSONString(image.getDidascalia()));
|
|
|
|
|
//json.put("description", new JSONString(image.getDidascalia()));
|
|
|
|
|
json.put("description", new JSONString(description));
|
|
|
|
|
json.put("downloadURL", new JSONString(imageContent.getLink()));
|
|
|
|
|
jsonArray.set(index, json);
|
|
|
|
|
index++;
|
|
|
|
|