Using my extensions on your site?

Consider making a donation to support ongoing development and long-term maintenance.

Please Donate

JO Before and After

JO Before and After

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:

After
Satkhira
Before
Rangamati

Backend Screenshot:

Download

This website uses cookies. Some are essential for the site to function, while others help improve your experience. By clicking OK, you agree to the use of cookies. If you choose Decline, some features may not work properly.
This website uses cookies. Some are essential for the site to function, while others help improve your experience. By clicking OK, you agree to the use of cookies. If you choose Decline, some features may not work properly.