Minimalist Image Lightbox Library – imgLightbox.js

Category: Javascript , Modal & Popup | July 27, 2020
Author: Serrin
Views Total: 56 views
Official Page: Go to website
Last Update: July 27, 2020
License: MIT

Preview:

Minimalist Image Lightbox Library – imgLightbox.js

Description:

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> 
</div>

The JavaScript to show your image in the lightbox.

imgLightbox.open('1.jpg');

Open the lightbox with a download button.

imgLightbox.open('1.jpg',true);

Changelog:

v1.0.4 (07/27/2020)

  • new download HTML5 entity

You Might Be Interested In:


Leave a Reply