Web Part: Image Gallery

Modified on 2013/02/08 00:54 by Charles — Categorized as: CMS, Web Parts

Table of Contents [Hide/Show]

   Image Gallery Part
   Image Gallery Part Features
      Access
      Editor for the Image
      Custom Edit properties

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

Access¶

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

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.