Lightboxes
Add lightboxes featuring zoom functionality, video autoplay, fully customizable colors, control icons, and numbering.
Script
The custom code and script for this powerup can be added to your Webflow project using the "TooEasy Powerups" Webflow App. You can find the app on the Webflow Apps Marketplace or within the "Apps" tab in the Webflow designer. Once the app is installed simply locate the Powerup you'd like to use and click the "install script" button.
Trigger
I want to use this link to open a lightbox
Media Type
I want to use this try of media inside the lightbox
Group
I want to group this Lightbox with others
Background Colour
I want to change the lightboxes background colour
Text Colour
I want to change the Lightboxes text colour
Toolbar
I want to show and hide different lightbox toolbar elements
Arrow Icons
I want to use custom arrow icons in my lightbox
Close Icon
I want to a custom close icon in my lightbox
Add this attribute if you would like to group slides together.
A value of "auto" will automatically group all slides within the viewport.
A value of "#%" groups the number of slides within this percentage in the slider viewport. (Change "#" with you number, E.g 80%)
A numbered value will groups slides based on this number. For example "3" will indicate 3 columns in each slide.
A number array will set different slide groups for different breakpoints. For example [4,3,2,1] to represent 4 on desktop, 3 on tablet, 2 on mobile landscape and 1 on mobile portrait.