Image slider plugin for GetSimple CMS.
This plugin is a portage of the NIVO SLIDER to GetSimple CMS. It provides a very easy method to implement quickly a slider on a web page.
Note: support for this app has been discontinued.
- plugin for GetSimple CMS
- multiple sliders on the same site/page
- responsive
- no HTML knowledge required
- support all the Nivo Slider options (credits: Dev7Studios)
- Possible image sources :
- Picasa /
Google+account - Flickr account
- list of images (url) (e.g. stored on one GetSimple site)
- Picasa /
To display a slider, insert a code like this one in a GetSimple page :
(%nanoslider kind=picasa&userID=PicasaUserID&album=PicasaAlbum%)
Replace:
- PicasaUserID with your Picasa/Google+ user ID.
- PicasaAlbum with the Picasa/Google+ album ID where the images are stored.
Note: syntax is case sensitive.
Example:
(%nanoslider kind=picasa&userID=cbrisbois@gmail.com&album=5856259539659194001%)
To display a slider, insert a code like this one in a GetSimple page :
(%nanoslider kind=flickr&album=FlickrAlbumID%)
Replace:
- FlickrAlbumID with the Flickr photoset ID where the images are stored (can be found in the URL when the photoset is opened in Flickr).
Note: syntax is case sensitive.
Example:
(%nanoslider kind=picasa&userID=cbrisbois@gmail.com&album=5856259539659194001%)
To display a slider, insert a code like this one in a GetSimple page :
(%nanoslider kind=url&listImagesBaseURL=baseURL&listImages=image1|image2|...|imageN%)
Replace:
- baseURL with the URL where the images are stored
- listImages with the filenames of the images (separated by ‘|’)
Note: syntax is case sensitive.
Example:
(%nanoslider
kind=url
&listImagesBaseURL=http://nanoslider.googlecode.com/files/
&listImages=nanoslider_sample1.jpg|nanoslider_sample2.jpg|nanoslider_sample3.jpg|nanoslider_sample4.jpg
%)
- The latest release is available for download on the GetSimple Homepage: Go to
- Download the zip file.
- Extract the content of the zip file into the GetSimple
plugins
directory.
Arguments are separated by &
. Syntax is case sensitive. Important : best results are obtained with images having the same size.
Following arguments are supported
theme
: name of the themedefault
dark
light
nano
(optional)nivoOptions
: Options of the Nivo Slider- See Nivo Slider homepage for all the jQuery plugin options:
- http://dev7studios.com/nivo-slider/#/documentation
forceJQuery
:true
/false
- force load jQuery
note: Google changed the API on february 9, 2017. Content published after this date can not be displayed
userID
: user ID of the Picasa/Google+ account (mandatory)kind
:picasa
- set the storage type (mandatory)album
: album ID - to display only images stored in the specified album (mandatory)displayCaption
:true
/false
- display or not the title of the images (optional)
kind
:flickr
- set the storage type (mandatory)album
: photoset ID - to display only images stored in the specified photoset (mandatory)displayCaption
:true
/false
- display or not the title of the images (optional)
kind
:url
- set the storage type (mandatory)listImagesBaseURL
: Base URL where the images are storedlistImages
: List of the image filenames (separated by|
)listCaptions
: List of the captions to display over images (separated by|
) Use underscore for one space between words.listURLs
: List of the URLs to associate to each image (separated by|
)?
and=
characters are not supported in the URL
(%nanoslider
kind=picasa
&userID=cbrisbois@gmail.com
&album=5856259539659194001
&displayCaption=false
&maxWidth=1000px
&nivoOptions={"effect":"fold","pauseOnHover":false,"randomStart":true}
&theme=nano
%)
(%nanoslider
kind=flickr
&album=72157594299597591
&displayCaption=false
&maxWidth=800px
&nivoOptions={"effect":"fold","pauseOnHover":false,"randomStart":true}
&theme=nano
%)
(%nanoslider
kind=url
&maxWidth=1000px
&listImagesBaseURL=http://nanoslider.googlecode.com/files/
&listImages=nanoslider_sample1.jpg|nanoslider_sample2.jpg|nanoslider_sample3.jpg|nanoslider_sample4.jpg
&listURLs=http://www.brisbois.fr|http://nanogallery.brisbois.fr|http://nanogallery4gs.brisbois.fr|http://nanoslider4gs.brisbois.fr
&nivoOptions={"effect":"random","pauseOnHover":false,"randomStart":true,"pauseTime":4000}
&theme=dark
%)
To enable the debug mode:
- go to the GetSimple
plugin
directory - rename the file
nanoslider_debug.off
tonanoslider_debug.on
To disable the debug mode:
- go to the GetSimple
plugin
directory - rename the file
nanoslider_debug.on
tonanoslider_debug.off
- GetSimple CMS version 3.1 or superior
- Javascript must be enabled
- jQuery
- Nivo Slider, credits: Dev7Studios