Joomla plugin that brings before-and-after image sliders to life. Content - Before/After overlays two images, revealing one on the left and the other on the right with an intuitive slider, allowing users to seamlessly explore differences by dragging left or right. Perfect for showcasing transformations, renovations, or creative progress, it’s an ideal addition to articles, category descriptions, modules—anywhere Joomla processes content plugins.
How It Works
With "Content - Before/After," you can implement a comparison slider with minimal effort. Simply apply the correct CSS classes and HTML, and the plugin handles the rest, activating automatically for a smooth, interactive experience. Use it as many times as you need, anywhere on your site, thanks to its lightweight design. Photo and artwork credit goes to Nikos Patsais (Nikos23a) for inspiring this visual delight.
v5.0.3
P
Photo/Artwork credit to Nikos Patsais (Nikos23a)
A Modern, Community-Driven Evolution
Originally built using the CatchMyFame.com Before/After jQuery plugin (versions 1.4.1 and earlier), "Content - Before/After" has evolved with version 5.0.0 and beyond, now powered by a pure JavaScript implementation developed by Paul Brown, available in his GitHub repository. This update eliminates dependencies on third-party jQuery libraries, ensuring faster performance and broader compatibility. However, note that the CatchMyFame jQuery plugin, released under the CC Attribution-NonCommercial-ShareAlike 3.0 Unported license, requires a commercial license from CatchMyFame.com if used on a for-profit site—check with them if you’re using older versions commercially. Several paid Joomla extensions in this category rely on the same licensed JavaScript, so be mindful of licensing requirements.
Flexible and Touch-Friendly
"Content - Before/After" offers default settings in the plugin configuration, but article authors can override these with data attributes for granular control—full instructions are available in the configuration page. Plus, I’ve integrated the Touch-Punch plugin, ensuring seamless touch support for iPads, iPhones, Android tablets, and phones, making it accessible on any device.
A Gift to the Joomla Community
Commissioned by a client who generously waived copyright to benefit the Joomla community, this plugin embodies my passion for free, open tools. As someone familiar with my work, you know I thrive on creating valuable, accessible solutions—and "Content - Before/After" is no exception.
Features
- Versatile Placement: Use anywhere Joomla processes content—articles, modules, or descriptions—unlimited times.
- Seamless Integration: Automatic activation with CSS classes, with HTML fallback for simplicity.
- Customizable Options: Default settings in the plugin, overrideable with data attributes for each slider.
- Touch-Ready: Works flawlessly on touch devices via Touch-Punch integration.
- Modern Performance: Pure JavaScript implementation (v5.0.0+) for speed and compatibility.
Elevate your Joomla site with "Content - Before/After"—the ultimate tool for compelling visual comparisons. Ready to showcase transformations beautifully?
Download the Plugin
Content - Before/After 5.0.35577
Frequently Asked Questions:
How is this free?
Easy. I just don't charge anything for it.
