---
title: "AA Responsive Before-After Image Slider"
description: "We help designers, developers, hobbyists and business owners get the most out of the Joomla CMS.  Join us at our free monthly meetups, and let us help you with your Joomla projects."
url: "https://www.joomlalondon.co.uk/official-joomla-announcements/aa-responsive-before-after-image-slider"
date: "2026-09-09T15:21:53+00:00"
language: "en-GB"
---

#  AA Responsive Before-After Image Slider

Image Before After module shows the changes in the before after manner.

The possibilities for this module are endless. Examples are very basic use is for doctors, Beauty Shops, Interior Design, Real Estate, etc.

1\) Drag/Move both options are provided in the module.
2\) Mobile Responsive view.
3\) Admin can adjust Width as per his requirement and it is fully responsive. You just need to setup your required grid.
4\) All the modern browser supported like IE9+, Firefox, Chrome etc.
5\) Multiple copies for this module can be places within a single page.

also many more options.

Below is tutorial link :

https://www.youtube.com/watch?v=i46VPirD0CM

Read more  [http://feeds.joomla.org/~r/JoomlaExtensions/~3/DfQHTcAoJ8Y/aa-responsive-before-after-image-slider](http://feeds.joomla.org/~r/JoomlaExtensions/~3/DfQHTcAoJ8Y/aa-responsive-before-after-image-slider "AA Responsive Before-After Image Slider")

## Schema

```json
{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Start", "item": "https://www.joomlalondon.co.uk" }, { "@type": "ListItem", "position": 2, "name": "Official Joomla! Announcements", "item": "https://www.joomlalondon.co.uk/official-joomla-announcements" }, { "@type": "ListItem", "position": 3, "name": "AA Responsive Before-After Image Slider", "item": "https://www.joomlalondon.co.uk/official-joomla-announcements/aa-responsive-before-after-image-slider" } ] }
```