JavaScript for Web Developers: Understanding the Basics

© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2023

M. SimonJavaScript for Web Developershttps://doi.org/10.1007/978-1-4842-9774-2_9

9. Project: Building a Lightbox Gallery

Mark Simon¹  

(1)

Ivanhoe, VIC, Australia

 

Many modern image gallery pages include a pop-up larger image. This has come to be known as lightbox after an original script by Lokesh Dhakar (see https://en.wikipedia.org/wiki/Lightbox_(JavaScript)).

You will have seen something similar on many websites. When you click on an image thumbnail, a larger one appears over the rest of the page. A typical lightbox effect looks like Figure 9-1.

A screenshot ...