Minimalist Image Lightbox Library – imgLightbox.js

Category: Javascript , Modal & Popup | November 18, 2020
Views Total:355 views
Official Page:Go to website
Last Update:November 18, 2020


Minimalist Image Lightbox Library – imgLightbox.js


imgLightbox.js is a dead simple JavaScript lightbox library which overlays images on top of the current page.

How to use it:

Load the ‘imglightbox.js’ and ‘imglightbox.css’ in the html page.

<link href="imglightbox.css" rel="stylesheet">
<script src="imglightbox.js"></script>

Insert the lightbox DIVs as displayed below into the page:

<div id="imgLightbox" onclick="imgLightbox.close();"> 
  <div id="imgLightbox-button" onclick="imgLightbox.close();">&Cross;</div> 

The JavaScript to show your image in the lightbox.'1.jpg');

Open the lightbox with a download button.'1.jpg',true);

Open the image in a new window.'1.jpg',false,true);


v1.0.5 (11/18/2020)

  • new config and open method parameter (newwindow)
  • JS fixes

v1.0.4 (07/27/2020)

  • new download HTML5 entity

You Might Be Interested In:

Leave a Reply