BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Image Scroller Widget for Elementor Pro

Scroll long screenshots inside a browser, phone or tablet frame

Overview

What Image Scroller does

Image Scroller shows the top of a long image in a fixed-height window and scrolls the rest into view. It can scroll on hover, loop by itself, or let visitors scroll it with the mouse wheel or a swipe. Use it to show full-page website screenshots in a portfolio or on a product page.

Live demo

See it in action

Features

What it can do

  • Five frame choices: None, Browser Window, Browser Window (Dark), Phone and Tablet.

  • Three scroll modes: Hover, Automatic Loop and Mouse Wheel / Swipe.

  • Vertical or horizontal scrolling, with an option to start from the end.

  • Speed set in pixels per second, so short and very long screenshots move at the same pace.

  • Faster or slower return on mouse leave with Return Speed Multiplier.

  • Editable address bar text and colored, monochrome or hidden window buttons on browser frames.

  • Scroll hint with an icon, text and separate text for touch screens.

  • Optional link over the image and a caption below it.

Use cases

When to use it

Web design portfolio

Show each finished site as a full-page screenshot that scrolls when hovered.

Theme or template demos

Preview long page layouts in a browser frame and link each one to its live demo.

Mobile app screens

Put a tall app screenshot in the Phone frame so visitors see the whole screen flow.

Wide images

Set Direction to Horizontal to move across a panorama or a wide timeline graphic.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Image Scroller onto the page and choose a full-page screenshot in Long Image.

  2. Pick a Frame. For a browser frame, type your site address in Address Bar Text.

  3. Add a Link and a Caption if you want them.

  4. Open Scroll Settings and choose a mode in Scroll On, then set Direction.

  5. Set Scroll Speed (pixels per second) and Visible Height.

  6. Keep Show Scroll Hint on and edit Hint Text, or turn the hint off.

  7. Style the container, frame, hint and caption in the Style tab.

FAQ

Questions and answers

What kind of image should I use?

Use a full-page screenshot. For vertical scrolling the image fills the frame width, so a taller image scrolls further.

Can visitors scroll the screenshot themselves?

Yes. Set Scroll On to Mouse Wheel / Swipe. The window then scrolls like a normal scroll area with the wheel, a swipe or the keyboard.

Does it work on phones?

Yes. In Hover mode a tap starts the scroll, and the hint can show its own text from Hint Text on Touch Screens.

Can I change the address shown in the browser frame?

Yes. Edit Address Bar Text. Leave it empty to hide the address.

Bright Addons Pro

Get Image Scroller with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.