diff --git a/README.md b/README.md index 55c7228..502693d 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage. -Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr, Picasa and Google+ photo albums among others. +Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others. #### Usage can be as easy as: diff --git a/bower.json b/bower.json index 1af0ebb..7bf583e 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "nanogallery", - "version": "5.7.0", + "version": "5.8.0", "homepage": "http://nanogallery.brisbois.fr", "authors": [ "Christophe Brisbois" diff --git a/changelog.md b/changelog.md index 4351809..d65e644 100644 --- a/changelog.md +++ b/changelog.md @@ -4,6 +4,37 @@ nanoGALLERY - jQuery plugin ChangeLog ------ +v5.8.0 +------ + +##### New API methods +- **closeViewer**: close the image viewer. + `$('#yourElement').nanoGallery('closeViewer');` + (credits: Victor A. Banuelos - https://github.com/vbanuelos) +- **paginationPreviousPage**: go to previous gallery page (when in pagination mode). + `$('#yourElement').nanoGallery('paginationPreviousPage');` +- **paginationNextPage**: go to next gallery page (when in pagination mode). + `$('#yourElement').nanoGallery('paginationNextPage');` +- **paginationCountPages**: returns the number of gallery pages (when in pagination mode). + `var countPages = $('#yourElement').nanoGallery('paginationCountPages');` +- **paginationGotoPage**: go to a specific gallery page (when in pagination mode). + `$('#yourElement').nanoGallery('paginationGotoPage', pageNumber);` +- **getCurrentViewedItem**: get the currently viewed item. Returns `null` if viewer not displayed. + `var item=$('#yourElement').nanoGallery('getCurrentViewedItem');` + (credits: Daniel Eck - https://github.com/Ecksters) +- **getCurrentViewedItemIdx**: get the index of the currently viewed image. Returns `-1` if viewer not displayed. + `var itemIdx=$('#yourElement').nanoGallery('getCurrentViewedItemIdx');` + (credits: Daniel Eck - https://github.com/Ecksters) + + +##### Misc +- Picasa/Google+: now supports more than 1.000 images per album (credits: Giovanni Chiodi). +- bugfix: hover animations becoming choppy after navigating fastly in images. +- bugfix: loading CSS animation consuming memory even if not visible. +- bugfix: issue #78 - NGTweenable undefined when loading in a page using AMD and requirejs (credits: Jeff Mills - https://github.com/jefftmills) + +**Many thanks to Giovanni Chiodi, AlexRed, Jeff Mills, Victor A. Banuelos and Daniel Eck for their contribution.** + v5.7.0 ------ diff --git a/css/nanogallery.css b/css/nanogallery.css index e8e8b32..dbabd62 100644 --- a/css/nanogallery.css +++ b/css/nanogallery.css @@ -972,7 +972,7 @@ /**************************************/ /* LOADING BAR */ /**************************************/ -.nanogallery_theme_default .nanoGalleryLBar { +.nanogallery_theme_default .nanoGalleryLBarOff { position:relative; width:100%; visibility: hidden; @@ -980,6 +980,14 @@ margin:0 0 1px 0; background-color:#555; } +.nanogallery_theme_default .nanoGalleryLBar { + position:relative; + width:100%; + visibility: visible; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_default .nanoGalleryLBar > div { position:absolute; width:50px; diff --git a/css/nanogallery.woff.css b/css/nanogallery.woff.css index 3d924fb..c6ffc97 100644 --- a/css/nanogallery.woff.css +++ b/css/nanogallery.woff.css @@ -973,7 +973,7 @@ /**************************************/ /* LOADING BAR */ /**************************************/ -.nanogallery_theme_default .nanoGalleryLBar { +.nanogallery_theme_default .nanoGalleryLBarOff { position:relative; width:100%; visibility: hidden; @@ -981,6 +981,14 @@ margin:0 0 1px 0; background-color:#555; } +.nanogallery_theme_default .nanoGalleryLBar { + position:relative; + width:100%; + visibility: visible; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_default .nanoGalleryLBar > div { position:absolute; width:50px; diff --git a/css/themes/clean/nanogallery_clean.css b/css/themes/clean/nanogallery_clean.css index daf2737..98886ea 100644 --- a/css/themes/clean/nanogallery_clean.css +++ b/css/themes/clean/nanogallery_clean.css @@ -882,7 +882,7 @@ /**************************************/ /* LOADING BAR */ /**************************************/ -.nanogallery_theme_clean .nanoGalleryLBar { +.nanogallery_theme_clean .nanoGalleryLBarOff { position:relative; width:100%; visibility: hidden; @@ -890,6 +890,14 @@ margin:0 0 1px 0; background-color:#555; } +.nanogallery_theme_clean .nanoGalleryLBar { + position:relative; + width:100%; + visibility: visible; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_clean .nanoGalleryLBar > div { position:absolute; width:50px; diff --git a/css/themes/clean/nanogallery_clean.woff.css b/css/themes/clean/nanogallery_clean.woff.css index e7749a6..23d3e95 100644 --- a/css/themes/clean/nanogallery_clean.woff.css +++ b/css/themes/clean/nanogallery_clean.woff.css @@ -883,7 +883,7 @@ /**************************************/ /* LOADING BAR */ /**************************************/ -.nanogallery_theme_clean .nanoGalleryLBar { +.nanogallery_theme_clean .nanoGalleryLBarOff{ position:relative; width:100%; visibility: hidden; @@ -891,6 +891,14 @@ margin:0 0 1px 0; background-color:#555; } +.nanogallery_theme_clean .nanoGalleryLBar { + position:relative; + width:100%; + visibility: visible; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_clean .nanoGalleryLBar > div { position:absolute; width:50px; diff --git a/css/themes/light/nanogallery_light.css b/css/themes/light/nanogallery_light.css index de30329..bc53494 100644 --- a/css/themes/light/nanogallery_light.css +++ b/css/themes/light/nanogallery_light.css @@ -877,10 +877,18 @@ /**************************************/ /* LOADING BAR */ /**************************************/ +.nanogallery_theme_light .nanoGalleryLBarOff { + position:relative; + width:100%; + visibility: hidden; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_light .nanoGalleryLBar { position:relative; - height:1px; width:100%; + visibility: visible; height:2px; margin:0 0 1px 0; background-color:#555; diff --git a/css/themes/light/nanogallery_light.woff.css b/css/themes/light/nanogallery_light.woff.css index dfc9942..b59b625 100644 --- a/css/themes/light/nanogallery_light.woff.css +++ b/css/themes/light/nanogallery_light.woff.css @@ -879,10 +879,18 @@ /**************************************/ /* LOADING BAR */ /**************************************/ +.nanogallery_theme_light .nanoGalleryLBarOff { + position:relative; + width:100%; + visibility: hidden; + height:2px; + margin:0 0 1px 0; + background-color:#555; +} .nanogallery_theme_light .nanoGalleryLBar { position:relative; - height:1px; width:100%; + visibility: visible; height:2px; margin:0 0 1px 0; background-color:#555; diff --git a/demonstration.html b/demonstration.html index d0346ab..4827065 100644 --- a/demonstration.html +++ b/demonstration.html @@ -244,7 +244,6 @@ colorSchemeViewer:'default' }); -// jQuery("#nanoGallery1a").nanoGallery().test(); // ################################################################################################################## @@ -268,7 +267,10 @@ thumbnailWidth:'auto', thumbnailHeight:'200 XS80 SM150 LA250 XL290', userID: '111186676244625461692', + //userID: '106423746252799910225', // RonClifford + //userID: '110359559620842741677', // AlexRed //userID:'103482106723589181634', // --> Cyrilic + kind: 'picasa', //maxItemsPerLine:3, //album: '5851968929721015169?authkey=CJSlhdKSgoiXtgE', @@ -286,7 +288,6 @@ thumbnailLabel:{ display:false}, thumbnailL1Label:{title:'%filenameNoExt', itemsCount:'title', display:true}, viewerDisplayLogo: true, - photoSorting: 'titleDesc', thumbnailHoverEffect:[{'name':'imageScale150', 'duration':500}], thumbnailL1HoverEffect:[{'name':'labelOpacity50','duration':300, 'delay':500},{'name':'imageScaleIn80', 'duration':500}] //thumbnailHoverEffect: [{'name':'imageScaleIn80','duration':300},{'name':'borderLighter'}] @@ -500,6 +501,18 @@ itemsBaseURL:'demonstration/' }); + jQuery('#btnPaginationCount').on('click', function() { + alert(jQuery('#nanoGalleryMLN').nanoGallery('paginationCountPages')); + }); + jQuery('#btnPaginationNext').on('click', function() { + jQuery('#nanoGalleryMLN').nanoGallery('paginationNextPage'); + }); + jQuery('#btnPaginationPrevious').on('click', function() { + jQuery('#nanoGalleryMLN').nanoGallery('paginationPreviousPage'); + }); + jQuery('#btnPaginationGoto').on('click', function() { + jQuery('#nanoGalleryMLN').nanoGallery('paginationGotoPage',2); + }); // ################################################################################################################## // ##### DEMO PANEL ##### @@ -568,6 +581,12 @@
"+a+"
":"nanoGALLERY: "+a+" ["+ic.baseEltID+"]
"))}function cc(a){window.console&&console.log("nanoGALLERY: "+a+" ["+ic.baseEltID+"]")}function dc(){var a=jQuery(window);return vpW=a.width(),ic.O.demoViewportWidth>0&&(ic.O.demoViewportWidth"+a+"
":"nanoGALLERY: "+a+" ["+jc.baseEltID+"]
"))}function dc(a){window.console&&console.log("nanoGALLERY: "+a+" ["+jc.baseEltID+"]")}function ec(){var a=jQuery(window);return vpW=a.width(),jc.O.demoViewportWidth>0&&(jc.O.demoViewportWidth