From 22c498b5f3dba11a1c9bd66a830c75d0cac455a0 Mon Sep 17 00:00:00 2001
From: Victor Diego Add the data-lightbox attribute to an <a> tag and set its href to the content you want to be opened in the lightbox. When opening an image, you can send its alt text using the data-image-alt attribute: Add the data-lightbox attribute to an <a> tag and set its href to the content you want to be opened in the lightbox. When opening an image, you can send its alt text using the data-image-alt attribute:
- Set the data-lightbox attribute to "gallery" on all <a> tags under the same parent element and any previous or next items will be found automatically:Get Started
Usage
-
- <a href="assets\dist\img\image-1.png" data-lightbox data-image-alt="Image 1">
+
<a href="assets/dist/img/image-1.png" data-lightbox data-image-alt="Image 1">
Image
</a>
<a href="#modal" data-lightbox>
@@ -110,40 +110,40 @@
Welcome!
Gallery
<div class="gallery">
<div class="gallery-item">
- <a href="assets\dist\img\image-1.png" data-lightbox="gallery" data-image-alt="Image 1">
- <img src="assets\dist\img\thumbnail-gallery.png" alt="Thumbnail 1">
+ <a href="assets/dist/img/image-1.png" data-lightbox="gallery" data-image-alt="Image 1">
+ <img src="assets/dist/img/thumbnail-gallery.png" alt="Thumbnail 1">
</a>
</div>
<div class="gallery-item">
- <a href="assets\dist\img\image-2.png" data-lightbox="gallery" data-image-alt="Image 2">
- <img src="assets\dist\img\thumbnail-gallery.png" alt="Thumbnail 2">
+ <a href="assets/dist/img/image-2.png" data-lightbox="gallery" data-image-alt="Image 2">
+ <img src="assets/dist/img/thumbnail-gallery.png" alt="Thumbnail 2">
</a>
</div>
</div>