Find What You Need
Before After Image Slider
Overview
Showcase transformations and comparisons with the "Before After Image Slider" module, designed to let your visitors see changes side-by-side with a sleek, interactive interface. Perfect for highlighting product upgrades, renovations, or any visual differences, this module allows users to effortlessly slide between two images and see the contrast in real time. With its intuitive design, your audience can easily engage with your content and visualize the impact of changes or improvements.
Featuring smooth transitions and a user-friendly slider, the module integrates seamlessly into your site, enhancing the visual storytelling of your content. Whether you're displaying before-and-after results, comparing different designs, or showcasing product features, this module makes your comparisons both dynamic and compelling, keeping your viewers captivated and informed.
Customize Your Comparison
Easily add images and alt text to both the before and after groups, ensuring clarity and accessibility. Apply or remove a greyscale filter to enhance contrast and focus, and choose to show or hide image text to keep your presentation clean or detailed as needed. Customize your text for both groups to provide context or captions, making your comparisons striking and informative.
Custom Container Group
Adjust the margin and padding to fit your container perfectly, and set a custom container width to align with your design. Control the percentage of the before photo shown to highlight specific details or changes, making your comparisons more precise and engaging.
Style Before Label Group
Choose the perfect text color and size to stand out, and control the visibility and customization of the background color for a polished look. Fine-tune border style, color, width, and radius, and adjust padding and alignment for a sleek, tailored appearance.
Style After Label Group
Adjust the text color and size for optimal readability, and choose to show or hide the background color to fit your design. Customize the background color, border style, and border color, and set the border width, radius, and alignment to create a polished, cohesive look. Add padding for a well-balanced appearance and ensure your "After" label enhances the overall impact of your image comparison.
Customize Divider Group
Choose a striking divider color and adjust the thickness to ensure your contrast line stands out perfectly. These features let you create a clean, professional separation that enhances the visual impact of your before-and-after images, making every detail pop with precision.
Personalize Divider Button Group
Adjust the button size and background color for a standout look, and fine-tune the content color for perfect contrast. Control the button margin and padding for a seamless fit, and choose the icon size to match your design. Opt to enable or disable the circle icon holder for a sleek, modern touch.