nanoGALLERY for jQuery v5.5.3

nanoGALLERY v5.5.3 release notes.

• bugfix - Flickr image size L (1024 pixels) ignored

nanoGALLERY for jQuery v5.5.2

nanoGALLERY v5.5.2 release notes.

New features

• Display directly an album or an image on plugin start
• Display the images instead of the thumbnails of the albums

New options

• openOnStart: opens an album or an image at start. Syntax: albumID or albumID/imageID.
  string; Default: ''
• thumbnailAlbumDisplayImage: on album's thumbnail click, displays the images instead of the thumbnails of the album's content.
  boolean; Default: false

Misc

• bugfix scrollbar not displayed in gallery fullpage mode for thumbnail effects scale120, imageScale150Outside, overScaleOutside, imageFlipHorizontal, imageFlipVertical
• bugfix lazy load not working in gallery fullpage mode
• bugfix thumbnail effects borderLighter and borderDarker not working on Firefox

nanoGALLERY for jQuery v5.5.1

nanoGALLERY v5.5.1 release notes.

• bugfix thumbnail effects 'labelAppear' and 'labelAppear75' crashing on some browser

nanoGALLERY for jQuery v5.5.0

nanoGALLERY v5.5.0 release notes.

New features

• Gallery rendering: significant performance improvements
• Thumbnail selection on long touch

New options

• showCheckboxes: displays a checkbox over selected thumbnails.
  boolean; Default: true
• checkboxStyle : inline style for selection checkbox.
  string, Default: 'left:15px; top:15px;'
• inline method: new data attribute to store custom data: customdata
  Usage example: <a href="img.jpg" data-ngthumb="imgt.jpg" data-customdata='{"a":"1", "b":"2"}'>title</a>
• API method: new property to store custom data: customData
  Usage example: {src: 'img.jpg', srct: 'imgt.jpg', title: 'image01', albumID:0, customData:{v1:1, v2:2} }
• viewerFullscreen: displays images in fullscreen (on supported browser).
  boolean; Default: false

New callbacks

• fnInitGallery(albumIdx, pageNumber): called after each gallery construction.
• fnChangeSelectMode(currSelectionMode): called when entering or leaving selection mode.

New API methods

• destroy: remove the gallery.
  $('#yourElement').nanoGallery('destroy');
• setSelectMode: enter/leave selection mode.
  $('#yourElement').nanoGallery('setSelectMode', true|false);
• getSelectMode: is the gallery in selection mode.
  $('#yourElement').nanoGallery('getSelectMode');

Misc

• bugfix location hash not working on web page with frames (SecurityError: Blocked a frame with origin)
• bugfix deeplinking to image didn't display the gallery on close
• bugfix fullscreen mode not correctly disabled after closing an image with ESC key
• minor bugfixes

Many thanks to Raphaël Renaudon (https://github.com/sevarg) for his contribution.

nanoGALLERY for jQuery v5.4.0

nanoGALLERY v5.4.0 release notes.

New features

• Pagination with dots (additionally to page numbers)
• Settings specific to first navigation level: extended to thumbnailL1Label (#53), thumbnailL1HoverEffect , touchAnimationL1
• Responsive image sizes now supported by API and inline methods
• Better support of custom HTML elements in thumbnails
• Selectable thumbnails
• New API methods (beta)

New options

• paginationDots: display dots for thumbnail pagination
  boolean; Default: false
• thumbnailL1Label: set thumbnail's label options for first navigation level
• thumbnailL1HoverEffect: set thumbnail's hover effects options for first navigation level
• touchAnimationL1: enable touch animation on first navigation level
• inline method: new properties to define responsive image sources data-ngSrcXS, data-ngSrcSM, data-ngSrcME, data-ngSrcLA, data-ngSrcXL
• API method: new properties to define responsive image sources: srcXS, srcSM, srcME, srcLA, srcXL
• breakpointSizeSM, breakpointSizeME, breakpointSizeLA, breakpointSizeXL: new syntax to define resolution breakpoints
• itemsSelectable: enable thumbnail selection
  boolean; Default: false

New callbacks

• fnThumbnailClicked($elt, item): fired on click/touch event on thumbnail. Open is cancelled if function returns false.
• fnImgDisplayed($elt, item): fired after an image is displayed.
• fnThumbnailSelection($elt, item): fired when a thumbnail is selected.

New API methods (beta)

• Reload current album: $('#yourElement').nanoGallery('reload');
• Get an option: $('#yourElement').nanoGallery('option', option_name);
• Set an option: $('#yourElement').nanoGallery('option', option_name, new_value); (note: only some options are supported)
• Get an item: $('#yourElement').nanoGallery('getItem', item_index);
• Get every items: $('#yourElement').nanoGallery('getItems');
• Get the indexes of some items: $('#yourElement').nanoGallery('getItemsIndex', [item1, item2, item3, ...]);
• List selected items: $('#yourElement').nanoGallery('getSelectedItems');
• Select some items: $('#yourElement').nanoGallery('selectItems', [item1, item2, item3, ...]);
• Unselect some items: $('#yourElement').nanoGallery('unselectItems', [item1, item2, item3, ...]);

Misc

• Option locationHash: default value changed from false to true
• Some code redesign
• bugfix: click/touch handling on custom HTML elements on thumbnails (specify class 'customEventHandler' to force custom click/touch event handling)
• bugfix: cascading layout/thumbnails invisible in some cases

Depreciated options

• thumbnailSizeSM -> replaced by breakpointSizeSM, but still supported
• thumbnailSizeME -> replaced by breakpointSizeME, but still supported
• thumbnailSizeLA -> replaced by breakpointSizeLA, but still supported
• thumbnailSizeXL -> replaced by breakpointSizeXL, but still supported

Many thanks to Raphaël Renaudon (https://github.com/sevarg) for his contribution.

Visit nanoGALLERY homepage for usage details: http://nanogallery.brisbois.fr

nanoGALLERY for jQuery v5.3.0

nanoGALLERY v5.3.0 release notes.

New feature

• PHP extension to publish dynamically self-hosted pictures to the gallery (see https://github.com/Kris-B/nanoPhotosProvider)

New options

• kind: new possible value json for self-hosted photos (see https://github.com/Kris-B/nanoPhotosProvider)
• jsonProvider: set URL to the nanoPhotosProvider extension (see https://github.com/Kris-B/nanoPhotosProvider)
  string; Default: ''
• jsonCharset: set the string charset for json data. Possible values: Latin, UTF-8
  string; Default: 'Latin'

Misc

• request #63: added Bower support
• added npm support

nanoGALLERY for jQuery v5.3.0

nanoGALLERY v5.3.0 release notes.

New feature

• PHP extension to publish dynamically self-hosted pictures to the gallery (see https://github.com/Kris-B/nanoPhotosProvider)

New options

• kind: new possible value json for self-hosted photos (see https://github.com/Kris-B/nanoPhotosProvider)
• jsonProvider: set URL to the nanoPhotosProvider extension (see https://github.com/Kris-B/nanoPhotosProvider)
  string; Default: ''
• jsonCharset: set the string charset for json data. Possible values: Latin, UTF-8
  string; Default: 'Latin'

Misc

• request #63: added Bower support
• added npm support

nanoGALLERY for jQuery v5.2.3

nanoGALLERY v5.2.3 release notes.

New options

• picasaUseUrlCrossDomain: access Picasa/Google+ using the cross domain URL instead of the standard one.
  boolean; Default: true
• supportIE8: enable IE8 support.
  boolean; Default: true

Misc

• bugfix #53 (Chrome browser) scrollbar not enabled back after closing an image displayed in fullscreen
• bugfix hover out thumbnail animation not triggered
• bugfix image URL with spaces not supported
• bugfix imageTransition:'fade' not working
• bugfix #58 pagination issue when only used on second level

nanoGALLERY for jQuery v5.2.2

nanoGALLERY v5.2.2 release notes.

• bugfix thumbnails not displayed when thumbnailWidth='auto' and gallery is outside the viewport
• bugfix #53 scrollbar not enabled back after closing image in some cases
• bugfix image toolbar - info button not displayed when fnViewerInfo defined
• bugfix incorrect image position after swipe when imageTransition='slideAppear'

nanoGALLERY for jQuery v5.2.1

nanoGALLERY v5.2.1 release notes.

New features

• support Right-To-Left display direction (RTL)
• customize image toolbar (content and order)
• added partial support for IE8 (update warning displayed on IE7/6)
• direct link to the Flickr/Google+ image page
• fancyBox custom settings
• CSS files: additional versions with embedded WOFF icons font (to avoid same origin policy issues)

New options

• RTL: display direction from right to left.
  boolean; Default: false

• viewerToolbar: new display options for the image toolbar:
  display (boolean; Default: false): display or hide the toolbar.

  standard (string;): list of items to display in the standard toolbar (comma separated). The order is taken into account.
  Default value: 'minimizeButton,previousButton,pageCounter,nextButton,playPauseButton,fullscreenButton,infoButton,linkOriginalButton,closeButton,label'
  Possible values: minimizeButton, previousButton, pageCounter, nextButton, playPauseButton, fullscreenButton, infoButton, linkOriginalButton, closeButton, label, customN

  minimized (string): list of items to display in the minimized toolbar (comma separated). The order is taken into account.
  Default value: 'minimizeButton,label'
  Possible values: minimizeButton, previousButton, pageCounter, nextButton, playPauseButton, fullscreenButton, infoButton, linkOriginalButton, closeButton, label, customN

• fancyBoxOptions: options for fancyBox. This will overwrite the default settings.
  object; Default: null

• fnImgToolbarCustInit: called once on toolbar building to define the specified custom element.
  Parameters: elementName (current custom element name)

• fnImgToolbarCustDisplay: called on each image display. Called once for all image toolbar custom elements.
  Parameters: $elements (custom elements), item (thumbnail object), data (public data)

• fnImgToolbarCustClick: fired on click event on one image toolbar custom element.
  Parameters: elementName (current custom element name), $element (current custom element), item (thumbnail object), data (public data)

Misc

• image default swipe animation now with requestAnimationFrame
• changed image counter layout on album thumbnail
• added a workaround on jQuery JSONP error handling
• devicePixelRatio now used to determine the size of the image to display (Flickr/Picasa)
• bugfix label on bottom not displayed in grid layout
• bugfix breadcrumb broken on navigation level 3
• bugfix refresh issue in gallery rendering with webkit browser
• bugfix API options imgtHeight/imgtWidth ignored
• bugfix #51 - gallery not working after scrolling in mobile phones / swipe issue
• bugfix sort option titleAsc/titleDesc based on original filename (Picasa/Google+)
• bugfix scrollbar lost after using fullscreen mode on OS X Maverick
• bugfix no thumbnail displayed because of conflict between thumbnailHoverEffect and thumbnailLabel.display=false