Gallaries

Gallaries let you make slide shows. 

Two types of Gallaries are available.  

  • One pull the images from your uploads directory.  We recommend putting them in /uploads/gallaries  and we recommend making a subfolder for each one -- it is easier to manage
  • The other pulls images from Flickr and other Google products.  This type of gallary is highly mobile friendly but it takes more setup.  

Using the gallary that stores the images within this site

  1. Display image galleries from internal site storage
  2. Slideshow
  3. Automatic thumbnails
  4. Display image captions and descriptions
  5. Multiple galleries can show on one page
  6. Provides several pre-built themes
  7. May not be mobile friendly 
  8. Easy to use

It takes three steps

  1. Upload your images -- we recommend making a subfolder under gallaries for each slide show
  2. Now go to the Gallaries tab -- pick new gallary on the right and then follow the instructions
  3.  Insert your gallary within your page(s) -- you can use a gallary on multiple pages and you can put multple gallaries on one page -- copy the code that shows after the gallary is created into your page.  It will look something like

Using the gallary that lets you store images on Flickr

Key features -

  1. Display image galleries from multiple data sources
  2. Slideshow
  3. Automatic thumbnails
  4. Display image captions and descriptions
  5. Breadcrumb for easy navigation in photo albums
  6. Multiple galleries on one page
  7. Include pre-built themes, support for custom themes
  8. Highly customizable
  9. Responsive layout - mobile friendly
  10. Ignore desired albums or photosets (by keyword blacklisting)
  11. Possible image sources :
  12. Flickr account
  13. Picasa/Google+ account

Basic Usage

To display an image gallery insert a code like this one in a page :

Replace PicasaUserID with your Picasa/Google+ user ID. Syntax is case sensitive.

Example

Syntax and options

Arguments are separated by &. Following arguments are supported

General arguments

  • displayCaption : true / false - display or not the image title (optional)
  • displayDescription : true / false - display or not the image description (optional)
  • thumbnailHeight : integer or auto - Height in pixels of the thumbnails (optional)
  • thumbnailWidth : integer or auto - Width in pixels of the thumbnails (optional)
  • theme : name of the theme clean default (optional)
  • thumbnailHoverEffect : Possible values: slideUp, slideDown, slideLeft, slideRight, imageSlideUp, imageSlideDown, imageSlideLeft, imageSlideRight, labelAppear, labelAppear75, labelSlideDown, labelSlideUp, labelOpacity50, imageOpacity50, borderLighter, borderDarker, imageInvisible, descriptionSlideUp, imageScale150, imageScale150Outside, scale120, overScale, overScaleOutside, scaleLabelOverImage, rotateCornerBR, rotateCornerBL, imageRotateCornerBR, imageRotateCornerBL, imageFlipHorizontal, imageFlipVertical, labelSplitVert, labelSplit4, labelAppearSplitVert, labelAppearSplit4, imageSplitVert, imageSplit4
  • Picasa/Google+ specific arguments
  • userID : user ID of the Picasa/Google+ account (mandatory)
  • kind : picasa - set the storage type (mandatory)
  • album : album ID - to display only the specified album
  • displayBreadcrumb : true / false - display or not the navigation breadcrumb
  • blackList : list of keywords to ignore - album containing one the keyword in the title will be ignored. Keywords separator is |. (optional)
  • whiteList : List of keywords to authorize - albums must contain one of the keywords to be displayed. Keywords separator is |. (optional)

Flickr specific arguments

  • userID : user ID of the Flickr account (mandatory)
  • kind : flickr - set the storage type (mandatory)
  • photoset : photoset ID - to display only the specified photoset
  • displayBreadcrumb : true / false - display or not the navigation breadcrumb
  • blackList : list of keywords to ignore - photoset containing one the keyword in the title will be ignored. Keywords separator is |. (optional)
  • whiteList : List of keywords to authorize - photoset must contain one of the keywords to be displayed. Keywords separator is |. (optional)

To retrieve your Flickr user ID, use this page:

http://www.flickr.com/services/api/explore/flickr.people.findByUsername

Picasa/Google+ example:

Display albums from the user cbrisbois@gmail.com. Thumbnail size : 300x200 pixels.

Display albums from the user cbrisbois@gmail.com. Thumbnail size : 300x200 pixels. Ignore album containing 'scrapbook' or 'profil' in the title.

Flickr example:

Display albums from the user Kris_B (34858669@N00). Thumbnail size : 300x200 pixels.

Display albums from the user 34858669@N00. Thumbnail size : 300x200 pixels. Ignore album containing 'scrapbook' or 'profil' in the title.