Skip to content

Native Divi 5 ModuleFree

Divi Scroll Image

Add vertical or horizontal scrolling image effects.

Why use the Divi Scroll Image module?

A tall photo cropped into a short card loses most of what made it interesting. The usual fix is to make the card taller too, which breaks the grid it sits in.

Scroll Image keeps the card's height fixed and pans the image inside it, on hover or on scroll. The photo stays whole, the card stays the size the layout needs.

Hover the photo beside this to see the live module pan.

A tall photo panning inside a short frame

What you get out of it

A fixed window, a taller photoThe card height stays whatever the layout needs; the image pans inside it instead of being cropped.Hover or scroll triggeredPan on hover, or pan as the visitor scrolls the page, each with its own direction options.An overlay iconA Divi icon or an uploaded image on top, with its own colour, size and hover animation.A colour washuseOverlay adds a tint over the image, independent of the icon.Speed you controlScroll Speed sets how quickly the pan moves.Native on Divi 5Ships in Divi Torque Pro. A Divi 4 layout using the same module converts across.

Everything the Divi Scroll Image module does

Every option below ships in Divi Torque Pro.

A window height, independent of the source image heightTrigger: on hover, or on scrollHover direction: top to bottom, bottom to top, left to right, right to leftScroll direction: vertical or horizontalPan speedOptional icon overlay, Divi icon or uploaded imageIcon colour, size and an optional hover animationOptional colour overlay wash

See the Divi Scroll Image in action

This is the live module. Hover the photo to see it pan inside the frame.

Pan on hover

Top to bottom, at a moderate speed.

A tall photo panning inside a short frame

With an icon overlay

showIcon adds a Divi icon on top of the image, independent of the pan direction.

Icon overlay

A search icon sits over the image, panning left to right on hover.

A tall photo panning inside a short frame

Adding one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Scroll Image to any row. It arrives with an empty image field.2Upload a tall photoThe panning only shows if the image is genuinely taller than the window height you set.3Pick hover or scrollTrigger, direction and speed are all in the Design tab.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Scroll Image module free?No. It ships in Divi Torque Pro. The free plugin does not include it.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Will it work with any image?It only shows visible panning when the source image is taller than the window height you set. A short image just sits still.Does clicking the image open a lightbox?No. It is a panning frame, not a gallery viewer. There is no click-through lightbox.Can the pan run automatically, without hover or scroll?No. Trigger is limited to on_hover or on_scroll.Can I add both an icon and a colour overlay?Yes. showIcon and useOverlay are independent toggles and can both be on at once.

Get Scroll Image and 78 more.

One license, every module and extension, native on Divi 5.