What is a LightBox ?

Card Puncher Data Processing

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:

Libraries:





Discover More
How to create a lightbox with Bootstrap?

This article shows you how to create a lightbox with bootstrap The modal lightbox is a box centered with a dark background and with an image as content. It is not shown at first (or not present in the...
Card Puncher Data Processing
UI - Overlay

An overlay component is a component that comes above the actual components in a absolute position. In Html, it would have a higher value on the z scale (ie z-index) When two elements overlay each other,...



Share this page:
Follow us:
Task Runner