Image Scroll Widget for Elementor
Elevate your image display effortlessly with the Image Scroll Widget. This feature enables a seamless vertical scroll, smoothly moving images from top to bottom as users hover over them.
Why Should You Use the Image Scroll Widget?
Step by Step Tutorial
Learn How It Works?
Learn how to use the Image Scroll Widget with this video tutorial. Master each step at your own pace effortlessly.
Image Scroll Widget Frequently Asked Questions
The Image Scroll widget allows you to create engaging image-scrolling effects on your Elementor website. It’s perfect for adding dynamic scrolling interactions to your designs. This widget is also ideal for galleries, portfolios, or storytelling layouts with smooth animations and customizable scroll behaviors.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Image Scroll.”
- Hover over the widget in the search results and click Install.
- Add the “Image Scroll” widget to any Elementor Page.
Yes, the Image Scroll widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
This widget supports various image formats, including general images, SVG files, and vectors. This flexibility allows you to use high-quality and scalable visuals in your design, ensuring optimal performance and clarity across all screen sizes and devices. You can also seamlessly integrate these images to enhance interactivity and user engagement.
Yes, the widget allows you to turn any scrolling image into a clickable link. This feature is especially useful for creating interactive call-to-action elements, portfolio items, or product showcases. Simply add the desired link in the widget settings, and users can navigate directly to your target page or resource when clicking on the image.
This widget offers options to display the image within device frames, such as desktop (Pro), tablet (Pro), mobile (Pro), or iMac (Pro). You can also customize the side border sizes of the selected device screen to create a realistic and visually appealing design that aligns with your website's theme and user interface.
Yes, you can customize the scrolling direction to create dynamic visual effects using this widget. Options include Top to Bottom, Left to Right (Pro), Bottom to Top (Pro), and Right to Left (Pro). These directional settings allow you to create unique animations that match your design aesthetic and draw attention to important sections of your webpage.
Yes, this widget lets you choose between hover and click (Pro) as the scrolling trigger. This flexibility ensures the widget can fit seamlessly into various user interaction scenarios, whether you want the scroll effect to activate when the user hovers over the image or clicks on it for further engagement.
The duration of the scroll animation can be set in seconds, giving you complete control over how fast or slow the image scrolls. This feature allows you to tailor the animation speed to fit your design's pacing, ensuring a smooth and engaging user experience that aligns with your website's style.
You can set a height ratio or manually define a custom width and height for the widget. This flexibility ensures the scrolling image fits seamlessly into your page layout, whether you’re designing for a full-width section, a smaller sidebar, or any other specific space within your Elementor design.
Yes, you can display an overlay icon on top of the scrolling image. (Pro) The widget also allows you to animate the icon, adding an extra layer of interactivity and visual appeal. This feature is ideal for highlighting important elements, adding context, or encouraging user interaction with the image.
Using this widget is simple. Drag the widget into your Elementor page, upload your desired image, and configure the scroll effects and behaviors. You can customize animation speed, direction, and style for a unique scrolling experience. Check out our documentation for a step-by-step guide.
