Simple Lightbox functionality based on Bootstrap 5 using only modal and carousel components
Requirements:
- Bootstrap 5
npm i lightbox-werkraum
Initialize lightbox : data-toggle = "lightbox"
Create gallery : data-gallery = "memories"
Create caption : data-caption = "This describes the image"
Size modal : data-size = "fullscreen" (fullscreen, xl, lg and sm)
Demo inside dist/index.html
<a href="image-big" data-toggle="lightbox" data-gallery="gallery" data-caption = "This describes the image">
<img src="image-small">
</a>