Minimalist Image Lightbox Plugin For jQuery & Vanilla JS - IMAGG

IMAGG.js is an extremely lightweight image lightbox library for both jQuery and Vanilla JavaScript that focuses on performance and user experience.

It enables developers to create customizable and responsive lightboxes that can be used to display full-size images within popup windows, triggered by clicking on the corresponding thumbnails. Great for creating engaging and user-friendly image browsing experiences on your web applications.

See Also:

• 10 Best Lightbox Gallery Plugins In JavaScript & CSS

How to use it:

1. Load the default IMAGG stylesheet in the document.

<link rel="stylesheet" href="/path/to/css/IMAGG_default.css">

2. Add the triggerIMAGG CSS class to your images.

<img class="triggerIMAGG" 
     src="1.jpg" 
     title="Image Title" 
     alt="Image Alt" 
     width="200px" />

3. Load the IMAGG.js at the end of the document. Done!

<!-- Vanilla JS -->
<script src="/path/to/IMAGG_1.0/js/IMAGG.js"></script>

<!-- jQuery -->
<script src="/path/to/IMAGG_1.0_jQuery/IMAGG.js"></script>

Changelog:

2023-05-12

• Updated Vanilla JS version

2023-05-05

• Updated CSS

---

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