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.