About

A Lightbox displays images and videos by filling the screen and dimming out the rest of the web page.

It's a central overlay (modal) that adds a dark background to give more contrast (ie more light)

HTML

You can create a lightbox with:

• pure css and javascript
• or with the help of a library

Css and Javascript:

• How to create a lightbox with Bootstrap?

Libraries:

• https://lokeshdhakar.com/projects/lightbox2/ (original, jquery based)
• https://dimsemenov.com/plugins/magnific-popup/
• https://github.com/fancyapps/fancybox (need to pay)
• https://ashleydw.github.io/lightbox/ (Archived)