This macro displays a scrollable image gallery with a lightbox effect from images within the provided folder.

This macro does not yet support Foundation 4 pages. A workaround is in the comments section below.

 

Usage

Properties required

The bath.macros property must contain lightbox,gallery. The lightbox value must come first as it is used by one of the javascript files include by the gallery value. The macroFiles tag processes this property and includes the necessary Javascript and CSS files.

Macro usage

  1. Add the bath.macros property values as above.
  2. Create a folder where the images will be stored
  3. Within this create a folder called 'thumbnails' where the thumbnails will be stored
  4. Upload your full size images to the first folder using the Title property to add a description. This will be displayed under the image in the lightbox.
  5. Upload the thumbnails to the thumbnails folder. They MUST have the same filename as the corresponding full size image.
  6. Add the macro to your page specifying the pathof your image folder. Make sure you include the trailing slash.

    {{gallery:path=/path/to/your/folder/}}
    

Dimensions and other information

Thumbnails must be 140px wide and landscape.

If javascript is off only the first 4 images are displayed.

The gallery will always be 4 images wide.

Files

The macro can be found at /_admin/tags/gallery.tag. It also requires the following files (included by using the bath.macros property):