|File Size:||7.66 KB|
|Official Website:||Go to website|
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.
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>
- Updated Vanilla JS version
- Updated CSS