view source

1

<!--Popup Lightbox Js-->

2

<script src="js/jquery.popup.lightbox.js"></script>

3

<!--Popup Lightbox CSS-->

4

<link href="css/popup-lightbox.css" rel="stylesheet">

view source

1

$(".img-container").popupLightbox({

2

  in<a href="https://www.jqueryscript.net/animation/">Animation</a>:"<a href="https://www.jqueryscript.net/zoom/">Zoom</a>In"

3

});

view source

1

<div class="img-container">

2

  <img src="https://source.unsplash.com/600x450/?fitness" alt="Fitness" />

3

  <img src="https://source.unsplash.com/600x450/?bikini" alt="jQueryScript.Net"/>

4

  <img src="https://source.unsplash.com/600x450/?girl" alt="Girls"/>

5

  <img src="https://source.unsplash.com/600x450/?fashion" alt="Fashion" />

6

</div>