Image Comparison Slider

The Image Comparison Slider Module for HubSpot is a custom module designed to allow users to visually compare two images (such as "before" and "after" images) by sliding a comparison slider back and forth. This type of module is especially useful in scenarios like product transformations, image galleries, or before-and-after visuals, where users can interactively explore differences between two images. The module enables an intuitive user experience, often used in marketing or design-related websites.

Absolutely! The Image Comparison Slider Module is built with responsiveness in mind, ensuring that it seamlessly adapts to different screen sizes and devices. Whether your visitors are accessing your website from a desktop computer, tablet, or smartphone, they will have a smooth and consistent viewing experience

The core interaction is based on a slider that the user can drag back and forth (horizontally) depending on the configuration. Users can adjust the slider to reveal portions of two images, such as a "before" and "after" scenario.

users can add the after image in this respective tab.

users can customize the image layout styles such as border and corner radius

User can resize the image width using image width tab maximum until 100%.

User can change the image background color using filter option tab maximum 100%.

User can change button and slider line styles such as background color and border.

User can change the arrow icons color.

User can select/unselect the enable disable button and slider line using checkbox.

User can customize the title styles such as font,color,alignment and spacing.