Fire up your applications with Jazz
Jazz CMS Wiki

About Us

CMS CMS Administration GUI Jazz Jazz Administration Jazz Web Parts Library misc Roles Solutions Training Web Parts Web Service Website Design Website Procedures Wiki conventions WordML Workflow Administration

Quick Search
Advanced Search »

Table of Contents [Hide/Show]

Image Gallery Part

The Image Gallery Part is designed using the jQuery lightbox plugin. lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

jQuery lightBox plugin is simple, elegant, unobtrusive, no need for extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

Image Gallery Part Features

  • A gallery of images are displayed
    • An configured image directory identifies where the images are displayed
    • Images may be displayed horizontally or vertically
    • Allowed extensions identifies what images are displayed
    • The name of the file is displayed as a tooltip when you mouse-over the image
  • An image is displayed in a pop-up when an image is selected
    • The name of the file is displayed
    • The number of files is displayed


The Web Part is accessed from the CMS Designer Web Parts Library.

Figure 2: Image Gallery Editor

Figure 2: Image Gallery Editor

Editor for the Image

Figure 2 shows the editor for the Image. This is shown to the user, when the Image Part is edited.

Custom Edit properties

Custom Edit properties include:
  • Link to the image directory
  • Allowed Extensions is a comma-delimited list of file extensions that are allowed to be displayed
  • Orientation of how the image thumbnails are displayed.
  • Size of the image thumbnail. If the thumbnails are displayed horizontally, then the size is used as the height. If vertical, then the size is used as the width.
  • CMS Standard Editors for more information. - Wiki version