Main 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
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
Image interval when in slideshow mode
3. Setting the thumbnail width and height
5. General config of plugin i18n Gallery supported in the (% gallery %) tag by NanoGallery for I18N Gallery
7. So let us know if you would like any more of the core or general I18N Gallery config supported …
Install Instructions
1. So first install plugin i18n Gallery, and then you can add in the nanoGallery gallery type plugin as follows
2. Unzip the contents of zip file nanogallery_fori18ngal.zip directly into the /plugins/i18n_gallery.
3. Zip contents
plugin_nanogallery.php
js / jquery.nanogallery.js
css/ nanogallery/ nanogallery css files
4. Note, the plugin uses JQuery, and assumes that the library file jquery-1.11.2.min.js is already included as part of the i18n Gallery, and so is not included as part of this nanoGallery plugin itself.
5. When you setup a gallery of images in the GS Backend then the gallery type ‘nanogallery’ will be available for you to choose in the gallery type pulldown. It’s config will then be visible on the right side. You can just use the defaults to start.
6. So setup a gallery 'my-gallery' in the backend, where gallery type nanogallery is selected, and then in the frontend where you insert the (% gallery %) tag, if you choose 'my-gallery' for display, ie (% gallery name=my-gallery %), you will see the nanoGallery thumbs.
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
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
Image interval when in slideshow mode
3. Setting the thumbnail width and height
- 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.
- 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.
- 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 animage may have vertical or horizontal padding depending on the shape.
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
7. So let us know if you would like any more of the core or general I18N Gallery config supported …
Install Instructions
1. So first install plugin i18n Gallery, and then you can add in the nanoGallery gallery type plugin as follows
2. Unzip the contents of zip file nanogallery_fori18ngal.zip directly into the /plugins/i18n_gallery.
3. Zip contents
plugin_nanogallery.php
js / jquery.nanogallery.js
css/ nanogallery/ nanogallery css files
4. Note, the plugin uses JQuery, and assumes that the library file jquery-1.11.2.min.js is already included as part of the i18n Gallery, and so is not included as part of this nanoGallery plugin itself.
5. When you setup a gallery of images in the GS Backend then the gallery type ‘nanogallery’ will be available for you to choose in the gallery type pulldown. It’s config will then be visible on the right side. You can just use the defaults to start.
6. So setup a gallery 'my-gallery' in the backend, where gallery type nanogallery is selected, and then in the frontend where you insert the (% gallery %) tag, if you choose 'my-gallery' for display, ie (% gallery name=my-gallery %), you will see the nanoGallery thumbs.