JO Before and After is a powerful yet simple content plugin that lets you create stunning before/after image comparisons anywhere in your Joomla content. It even works in any module position using Joomla's built-in custom module with the "Prepare Content" option set to Yes. Perfect for showcasing transformations in photography, renovations, makeovers, beauty treatments, weight loss journeys, product improvements, and more.
Simply insert a shortcode with your image paths, and the plugin generates a fully interactive slider that visitors can drag to compare images. The slider works beautifully on all devices including desktops, tablets, and smartphones.
Key Features:
✓ Interactive Drag Slider - Visitors can drag the slider handle to compare before/after images
✓ Auto-Animation Mode - Optional automatic sliding animation to showcase both images
✓ Play/Pause Controls - Users can control the animation with convenient buttons
✓ Loop Animation - Continuous animation loop option for auto-play mode
✓ Adjustable Animation Speed - Control how fast the slider moves (500ms to 10000ms)
✓ Customizable Labels - Translate or customize "Before" and "After" text to any language
✓ Responsive Design - Automatically adjusts to all screen sizes
✓ Multiple Sliders - Use unlimited sliders on the same page
✓ Clean Syntax - Simple shortcode format: { jobna}before.jpg | after.jpg{/jobna }
✓ Flexible Image Paths - Support for full URLs or relative paths to /images/ folder
✓ Lightweight - Minimal CSS and JavaScript for fast page loading
Frontend Demo:
