lightbox2

ui-component modal

Lightbox is a small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers.

Latest Ver 2.11.5

Homepage

Github

6,305

📢 Lightbox2 is a JavaScript library that overlays images on top of the current page.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox-plus-jquery.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox-plus-jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.min.js

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.css

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.min.css

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/close.png

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/loading.gif

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/next.png

https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/images/prev.png

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<a data-lightbox="image-1" data-title="My caption" href="large-image.jpg"><img alt="nature" src="thumbnail-image.jpg"/></a><script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>