Simple Single Image Lightbox Popup Jquery Plugin

Jquery-SingleImagePopup is a simple Jquery image popup plugin. With a very simple configuration, you can show a popup on your web page. By the way, this plugin works after the page is loaded.

How to make use of it:

1. Include the mandatory JavaScript and CSS files on the web page.

<link rel="stylesheet" href="/path/to/css/singleimagepopup.min.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/js/jquery.singleimagepopup.min.js"></script>

2. Create an empty container for the only picture popup.

<div id="singleimagepopup"></div>

3. Initialize the plugin on the doc prepared and specify the path to the picture to be displayed within the lightbox.

$(document).ready(function () {
  $("#singleimagepopup").singleImagePopup({
    imageUrl: "/path/to/image.jpg",
  });
});

4. Set the height & width of the picture.

$(document).ready(function () {
  $("#singleimagepopup").singleImagePopup({
    width: "560px",
    height: "400px",
  });
});

5. Prevent the picture lightbox from opening on the web page load.

$(document).ready(function () {
  $("#singleimagepopup").singleImagePopup({
    stop: true
  });
});

Read More – 

Modern Photo/Video Gallery and Lightbox Plugin | nanogallery2
Lightbox Gallery Made With Vanilla JS Using Babel/Gulp


See Demo And Download

Official Website(rajankarmakar): Click Here

This superior jQuery/javascript plugin is developed by rajankarmakar. For extra Advanced Usage, please go to the official website.

Share