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.

Joomla
Plugins
Before/After
v5.0.3
Joomla! 3/4/5

P

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.35581

  Report a Bug   Documentation

Frequently Asked Questions:

How is this free?

Easy. I just don't charge anything for it.

5 Reviews

Retrieved from JED monthly

Complete - Unfiltered

Why is this software free?

I’m ditching the freemium game and giving this software to the Joomla crowd for free. It’s a nod to “Jumla”—Swahili for “all together”—because fragmentation sucks, and I’d rather focus on innovation and paid gigs. Use it, build with it, and if you need custom work, I’m super into that.

What's The Catch?

There isn’t one! I’m all about building tools that empower the Joomla community and spark creativity. This software’s free because I’d rather see it in your hands - fueling awesome projects. If you really feel like paying something, I’d appreciate a review in the Joomla Extension Directory—your feedback means a lot!