Display Image Galleries In A Fullscreen Lightbox - cwa_lightbox

File Size: 9.22 KB
Views Total: 387
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Display Image Galleries In A Fullscreen Lightbox - cwa_lightbox

cwa_lightbox is a simple, lightweight lightbox plugin that provides an elegant way to showcase portfolios, products, and any image content with a stylish fullscreen gallery lightbox.

Click on an image to display all images in a gallery lightbox. Users can then smoothly navigate through the images with next/previous buttons. Each image can be accompanied by a descriptive caption displayed at the bottom of the lightbox, which provides users with context or additional information about the image. The responsive design ensures your images adapt perfectly to different devices.

See Also:

How to use it:

1.To use the cwa_lightbox plugin, include the required JS and CSS files in your project.

<!-- jQuery is required -->
<script src="/path/to/cdn/jquery.min.js"></script>

<!-- jQuery cwa_lightbox Plugin -->
<link rel="stylesheet" href="/path/to/cwa_lightbox_css.css" />
<script src="/path/to/cwa_lightbox.js" defer></script>

<!-- OR -->
<script src="/path/to/cwa_lightbox_bundle.js" defer></script>

2. Add the cwa-lightbox-image class to your image and define the image descriptions in th data-desc attribute. That's it.

<!-- jQuery is required -->
<script src="/path/to/cdn/jquery.min.js"></script>

<!-- jQuery cwa_lightbox Plugin -->
<link rel="stylesheet" href="/path/to/cwa_lightbox_css.css" />
<script src="/path/to/cwa_lightbox.js" defer></script>

<!-- OR -->
<script src="/path/to/cwa_lightbox_bundle.js" defer></script>

This awesome jQuery plugin is developed by HashBrownTTM. For more Advanced Usages, please check the demo page or visit the official website.