Scrolling Zoom Gallery

Create interactive image galleries with the Divi Scrolling Zoom Gallery module from Divi Plus. Perfect to show image gallery with a smooth zoom-on-scroll effect.

Add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

1. Create/Edit a Page/Post that uses Divi builder.
2. Create/Edit a row.
3. Click on Add New Module option; choose the DP Scrolling Zoom Gallery.

Content setting

Image setting

Add images to the gallery by clicking Add Gallery Images. Multiple images can be added to create the scrolling zoom effect.

Image size

Select the size of the images to be displayed in the gallery. Available options:

• Thumbnail
• Medium
• Large
• Full (Recommended for best quality)

On load visibility:

Use the slider or input field to adjust the opacity of gallery images on page load. This feature lets you control whether the images appear immediately or gradually become visible as the user scrolls.

No Images text

Set the message that will be displayed when no images have been added to the gallery.
Default Text: No images found, please upload images to view gallery.

You can customize this text based on your preference.

Image styling settings

Images rounded corners

Set the border-radius for the gallery images. You can apply the same radius to all corners or set individual values for:

• Top Left
• Top Right
• Bottom Right
• Bottom Left

Images border styles

Choose the style of the border for images. Available options:

• None
• Solid
• Dashed
• Dotted
• Double
• Groove

Images border width

Adjust the thickness of the image border using the slider or by entering a value in pixels.

Images border color

Select the color of the image border. Multiple color options are available, including transparent.