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>
Click on an image to see Lightbox in action.
Module Name | Description |
---|---|
Lightbox (Skin) Module | Implements 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. |
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.
Last Updated 04/24/2022 - (email)
© 2023 - Softel vdm, Inc. - YetaWF.com