The “Image Scroll Widget” is a dynamic tool that effortlessly elevates your image display. With this feature, your images smoothly transition from top to bottom in a seamless vertical scroll, creating a captivating effect as users hover over them. Capture attention and engage your audience with this sleek and modern addition to your website. This widget comes with the ability to customize scroll direction seamlessly. You can smoothly adjust the scroll direction to suit your preferences, ensuring intuitive navigation tailored to your needs.
Let’s look at each of the options in the “Image Scroll Widget” below.
Install Image Scroll Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Image Scroll”
- Hover over the widget in the search results and click install
- Add your “Image Scroll” widget to any Elementor Page
General Settings #
Image
Choose an image to display.
Image Size
Select the desired image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
- WooCommerce Thumbnail
- WooCommerce Single
- WooCommerce Gallery
Link
Type or paste your URL to link.
Type
Select the image frame.
- None
- Desktop
- Mobile
- iMac
Direction
Select the image scroll direction.
- Top to Bottom
- Bottom to Top
- Left to Right
- Right to Left
Trigger
Select the trigger for scroll.
- Hover
- Click
Duration
Set the image scroll duration in seconds.
Overlay Settings #
Show Overlay
Show/Hide the overlay on image.
Icon
Choose an icon to display on image.
Icon Animation
Enable or disable the icon animation.
Transition Duration
Set the transition duration in milliseconds.
Image Scroll Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Image Scroll Styling #
Set the image height ratio, height, width, border, border radius, and box shadow.
Overlay Styling #
You can set the overlay color, image, image position, size and opacity.
Overlay Icon Styling #
Set the icon size, icon color, and icon shadow.
Usage Examples #
Here are some live use cases for the Image Scroll Widget.
