Hide

YetaWF Documentation

Display
Print

YetaWF.Lightbox Package

Overview

The Lightbox package can be used to show popups for images embedded in other modules (such as the Text Module).

Add a data-lightbox attribute to any image link to activate Lightbox. For the value of the attribute, use a unique name for each image. For example:

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

The optional data-title attribute can be used to provide a caption.

A group of related images can be combined into a set by using the same data-lightbox attribute value for all of the images. For example:

<a href="img/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="img/image-4.jpg" data-lightbox="roadtrip">Image #4</a>

Example

Click on an image to see Lightbox in action.

Image 1 Image 2 Image 3 Image 4

Modules

Module NameDescription
Lightbox (Skin) ModuleImplements Lightbox on any page where this module is included. It can be included explicitly by a skin or by a module's, page's or site's Skin Modules (see References tab in Page, Module or Site Settings). See Skin Modules for more information.

License

The YetaWF.Lightbox package is part of YetaWF, an open source product licensed under the GNU General Public License, version 3 (GPL-3.0) - Copyright - Softel vdm, Inc.