Webflow’s lightbox element lets you display images (with or without captions) or videos inside an immersive, full-screen slider view. The lightbox also works well on all devices, making it easy to display your media on desktop, tablet, and mobile screens.

In this video, weโ€™ll cover:

1. Adding a lightbox to your website
2. Anatomy of a lightbox: the lightbox link and thumbnails
3. Lightbox settings: adding media and linking multiple lightboxes together

Steps in the video:
00:00 – Introduction
00:22- Anatomy
00:54 – Thumbnails
01:48 – Media
02:44 – Linking

———-

Get started with Webflow:
https://help.webflow.com/courses/getting-started

http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow

source

20 Comments

  1. I got my lightbox working w lots of images, but (sorry for a basic question) how do i add a small snippet of descriptive text, once the lightbox is actually opened? Right now i have the lightbox carousel working, like in the video, but it currently just has the images with no text or caption. Any help would absolutely be appreciated!

  2. Thanks for the vid ! I have a problem tho ๐Ÿ™

    I'm using a grid with 20 pictures with numbers from 1 to 20 in it. I put 20 lightbox, one in each box. I linked them all but there is a problem. I can click on any of the image, doesn't matter if it's the first or the 15th, it will always open the linked lightbox with the preestablished order. (Not like in your video)

    (Sorry for my english) Is there a way to just link all the pictures to one lightbox but if i click on the picture number 13, it will open the lightbox on the number 13 picture and not the first one ?

  3. Is it possible to have a gallery of sorts within a lightbox image? For example, say I have a photo of a ring as my thumbnail, and I want the user to be able to click on it and have lightbox pop up with multiple views of that ring. Is this possible?

Leave A Reply

Please enter your comment!
Please enter your name here