1/4 - Page preview image
Overview
The "BeforeAfter Image Slider" module allows users to compare two images side by side using a draggable slider. This interactive feature is ideal for showcasing transformations, edits, or differences between two images.
Here are key features:
1) Smooth Slider Control
2) Label Position [ Top, Middle and Bottom ]
3) Image Slider Height Setting [Desktop, Tablet and Mobile]
4) Hover Overlay Color [Solid and Gradient]
5) Hover Overlay and Label [Optional field]
6) Limitless Customization
This module enhances visual storytelling and engagement by making transformations instantly clear to viewers.
Features
Smooth Slider Control
Users can drag the slider to reveal more or less of each image.
Hover Overlay and Label [Optional field]
This is an optional field. As per the design requirement.![Hover Overlay and Label [Optional field]](https://22360598.fs1.hubspotusercontent-na1.net/hubfs/22360598/__hs-marketplace__/ba-Feature-2-1.png)
Label Position [Top, Middle and Bottom]
The label position can be set as per the design preference. Such as "Top", "Middle" and "Bottom".![Label Position [Top, Middle and Bottom]](https://22360598.fs1.hubspotusercontent-na1.net/hubfs/22360598/__hs-marketplace__/ba-Feature-3-1.png)
Image Slider Height Setting [Desktop, Tablet and Mobile]
You can customize the image slider settings for desktop, tablet, and mobile.![Image Slider Height Setting [Desktop, Tablet and Mobile]](https://22360598.fs1.hubspotusercontent-na1.net/hubfs/22360598/__hs-marketplace__/ba-Feature-4-2-1.png)
High Editability + Limitless Customization
Adjust slider color, thickness, and handle color and section spacing and background (Solid, Gradient and Image - Overlay Solid and Overlay Gradient and none) to match branding.
About Module
Total installs Fewer than 10 Created - Mar 26, 2025
Version 1 - Mar 26, 2025
Categories Tags
Requirements
HubSpot Subscription Works with all HubSpot plans Learn more
Contact GAN Creative
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
GAN Creative
- Ahmedabad, India
Visit website
GAN Creative building state-of-the-art, easy to use, user-friendly websites and applications is truly excellent development of new HubSpot CMS. Our services and solutions include: Scratch theme development, Existing Theme Customize, Responsive Redesign, Website Customize, Redesign Website, Landing Pages, Web Pages, New Module, Module Customize, Hub DB, Custom Object, Local Development, Blog Listing and Blog Post, System Pages, Email Templates Development and Problem-solving ability. In our development, you don't need any coding skills. Our aim to provide creative tools to make your job easier, less stressful, and you will enjoy our services and solutions with lower cost and better efficiency.