Photo Roller Element

Last Updated on

The Photo Roller element lets you add a single image which will then have an infinite rolling effect. This element is pretty straightforward and has only a few options.

Common Uses:

  • “First section” image
  • Slider image
  • Super Wide images that don’t fit inside the viewport.

{GIF ANIMATION, Not the video, of photoroller in action}

x
Beware! This element is a part of the Raven elements. Raven is an exclusive plugin developed by Artbees which represents new useful elements to Elementor. Elementor itself doesn’t have such plugin and in order to use it, you need to install the Raven plugin.

In this article


Displaying a Photo Roller Element

To add a Photo Roller element to a page:

1
Add a new page or edit an existing one.
2
Click on Edit with Elementor button.

3
From the left dashboard, search for a “Photo Roller”.
4
Drag and drop the Photo Roller element to your page.
5
A new dashboard on the left will open with the element’s settings. These are explained below.

Content

SettingDescription
ImageAdd an image which will have the roller effect. This option is responsive, means that you can choose different images on different devices.
Settings > Rolling Speed
Set a custom animation speed.
Settings > Reverse Direction
Toggle between horizontal rolling direction.
Settings > Pause on Hover
The rolling effects stop on hover.

Responsive Options

You can choose to have different settings on different screen sizes for some of the Image element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

 

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket