nanoGALLERY for I18N Gallery

Plugin Description:

A cool gallery plugin, mobile friendly fully responsive and swipe action, with slideshow support.

1. NanoGallery for I18N Gallery is not a full GetSimple plugin, but a plugin for the GS I18N Gallery plugin. With the plugin I18N Gallery, which is a full GetSimple plugin, you can setup a gallery of images in the backend admin panel, give titles and captions in multiple languages and then choose from one of several internal gallery types for how the images are then actually displayed in the front end, such as Fancybox, S3Slider, etc. NanoGallery for I18N Gallery is an additional gallery type which you can include in the I18N Gallery plugin for you to then choose.

2. NanoGallery for I18N Gallery is a wrapper for the core nanoGallery implementation which is a gallery powered by jQuery with slideshow support, and is fully responsive and supports swipe actions on mobiles/touch sensitive devices.

3. Note, the core nanoGallery implementation supports both displaying images from a local directory as well from an external store such as Flickr. But this plugin, NanoGallery for I18N Gallery, as a gallery type plugin for i18n Gallery, only supports displaying images from a local directory, because that is what I18N Gallery does. If you want to source images from an external store such as Flickr, then see GetSimple plugin nanoGallery4GS

4. For lots of nanoGallery demos see the core nanoGallery implementation page.

License

• CC BY-NC 3.0. This plugin is naturally totally open source. The use of the core within is free for private use, but for use in commercial projects or in business environments, you need to purchase a professional license, via the core page.

Config

1. In the i18n Gallery Backend config panel, plugin NanoGallery for I18N Gallery supports the following config from the core nanoGallery, for thumbnail display

   • Thumbnail width and height and crop .. for more notes see below
   • Thumbnail padding yes/no, padding colour
   • Thumbnail border width and colour
   • Thumbnail separation/gutterwidth

2. Also in the i18n Gallery Backend config panel, for the main image viewer

   1. Main Viewer toolbar options
      • full : Show the full toolbar incl slideshow play/pause, slidenr, title and description.
      • labelonly : Show the toolbar but just with the title and description
      • none : Do not show any toolbar / any information
   2. Image interval when in slideshow mode

3. Setting the thumbnail width and height

   1. If you define the thumbnail height, but leave width empty, then we get a full width justified layout, where the height of all images on each row is the same, and the width of each image set to fit the image. The height of each row is nominally the height defined, but a row may differ in height by it expanding to fit the full width of the containing element.

   2. If you define the thumbnail width, but leave height empty, then we get a vertical cascading layout, where the width of all images is the same, and the height of each image is set to fit the image, with all images stacking vertically in multiple columns.

   3. If you define both thumbnail width and height, then you can tick crop so each images is cropped to exactly the defined dimensions, if you do not tick crop then each image will be fitted to the defined dimensions while keeping their aspect ratio, so an image may have vertical or horizontal padding depending on the shape.

4. The nanoGallery core supports a lot of config, but this plugin NanoGallery for I18N Gallery does not extend all of this to the i18n Gallery Backend config panel, only those above. Eg no thumb hover effects at the moment.

5. General config of plugin i18n Gallery supported in the (% gallery %) tag by NanoGallery for I18N Gallery:

   • tags : Comma separated list of tag words (no spaces). Only those images in the gallery that are tagged with all of these words are shown.
   • thumb : Just show one thumb instead of all thumbnails. Specify the index, from 0, of thumbnail to show
   • id : If you have more than one gallery on a page then you MUST use this to give a unique id within page.
   • Eg : (% gallery name=my-gallery-1 tags=cats,dogs thumb=4 id=g1 %) - Just omit a param if not needed.

6. Note, the plugin I18N Gallery has other config to use in the (% gallery %) tag, but may not be supported at the moment by NanoGallery for I18N Gallery. Only those above are definitely supported.

7. So let us know if you would like any more of the core or general I18N Gallery config extended …

Changelog and Versions

• v1.0 : First version. Uses nanoGallery core 5.9.1
• v1.0.1 : Corrected an access problem to the default css file
• v1.0.2 : Removed a dummy output text line accidentally left in.