How to zoom an image in a lightbox

A lightbox is the technique applying light or shadow overlay on a page when zooming in on an image, to achieve better contrast and allow the viewer to focus on it without being distracted by the surrounding elements.

To add a lightbox effect, you must use the image element, and not a box, as the box does not offer on click actions. Now open the On Click dropdown menu and select Zoom Image in Lightbox.

You have a few additional options for the overlay. You can adjust the size of the zoomed image, a dark or light overlay as well as the opacity of the effect. 

Keep in mind that your choice of lightbox mood and image color palette work together. You might want to utilize the black background for a darker, grittier feeling, or to contrast a beautiful wedding dress picture. This is one of those cases where tweaking one element of the visual structure can alter the mood significantly so don’t hesitate to experiment with the colors in an appropriate editing software.

Updated for Sparkle 3.1

Auf Deutsch

En Français

In Italiano

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Sparkle combines an all-in-one approach, an understandable interface and a focus on producing high performance and search engine optimized websites. 

All in a powerful native Mac app. 

Nothing else comes close.

Copyright ©2021 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.