Title: Before After Image Slider (AMP)
Author: James Osborne
Published: <strong>سبتمبر 1, 2020</strong>
Last modified: سبتمبر 1, 2020

---

Search plugins

![](https://ps.w.org/before-after-image-slider-amp/assets/banner-772x250.png?rev
=2373410)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/before-after-image-slider-amp/assets/icon-256x256.png?rev=2373412)

# Before After Image Slider (AMP)

 By [James Osborne](https://profiles.wordpress.org/jamesosborne/)

[Download](https://downloads.wordpress.org/plugin/before-after-image-slider-amp.zip)

 * [Details](https://arq.wordpress.org/plugins/before-after-image-slider-amp/#description)
 * [Reviews](https://arq.wordpress.org/plugins/before-after-image-slider-amp/#reviews)
 *  [Installation](https://arq.wordpress.org/plugins/before-after-image-slider-amp/#installation)
 * [Development](https://arq.wordpress.org/plugins/before-after-image-slider-amp/#developers)

 [Support](https://wordpress.org/support/plugin/before-after-image-slider-amp/)

## Description

This plugin makes it easy to create a before and after image comparison slider, 
using [AMP](https://amp.dev) technology. It’s a quick method of implementing the
related [amp-image-slider](https://amp.dev/documentation/examples/components/amp-image-slider/)
component on your site.

For best results use the [official AMP plugin](https://wordpress.org/plugins/amp/),
with the viewing options applicable with this official plugin, rendering on AMP 
or non AMP URLs.

**Features: **

 * Easy to setup, select your images, width and height
 * Super Lightweight
 * Responsive (via the AMP intrinsic layout)
 * Shortcode activated
 * Fully AMP compatible
 * Powered by AMP technology, optimized for performance

View a demo [here.](https://jamesozz.ie/1356/before-and-after-image-slider/)

## Screenshots

[⌊Settings Screen⌉⌊Settings Screen⌉[

Settings Screen

[⌊Example slider⌉⌊Example slider⌉[

Example slider

## Installation

**Using The WordPress Dashboard**

 1. Install as a typical WordPress plugin (from the WordPress repository or via a file
    upload)
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Once activated you’ll find the configuration options within the settings tab under“
    Settings > Before After Image Slider (AMP) “

## FAQ

### Does this plugin come with settings?

There are width and height settings configurable from the plugin settings. Get in
touch if you’d like more features, or check out the related [AMP component](https://amp.dev/documentation/examples/components/amp-image-slider/)
if you’d like to configure yourself.

### Who’s this plugin suitable for?

For anybody looking to have images which can be easily measured against other images.
In particualar the following may be useful:

 1. Beaticians
 2. Builders or tradesmen
 3. Dentists
 4. Car Wash Operators
 5. Painters
 6. Fitness Coaches / Gyms

### Can I create multiple before and after images?

At present no, you can only use the same 2 images. As it’s shortcode activated you
can use the before and after slider on multiple pages or posts, but it will be the
same 2 images.

### It’s not working, whats wrong?

Did you check the configuration options to ensure you have it working on the correct
version of your site, AMP or non AMP? If so check that your shortcode was implemented
correctly. The correct shortcode to use is [jozz-ampimageslider]

You may also want to check and ensure you’ve selected images both in the before 
and after fields.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Before After Image Slider (AMP)” is open source software. The following people 
have contributed to this plugin.

Contributors

 *   [ James Osborne ](https://profiles.wordpress.org/jamesosborne/)

[Translate “Before After Image Slider (AMP)” into your language.](https://translate.wordpress.org/projects/wp-plugins/before-after-image-slider-amp)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/before-after-image-slider-amp/),
check out the [SVN repository](https://plugins.svn.wordpress.org/before-after-image-slider-amp/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/before-after-image-slider-amp/)
by [RSS](https://plugins.trac.wordpress.org/log/before-after-image-slider-amp/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

 * Initial release

## Meta

 *  Version **1.0.0**
 *  Last updated **6 years ago**
 *  Active installations **10+**
 *  WordPress version ** 4.0 or higher **
 *  Tested up to **5.5.0**
 *  Language
 * [English (US)](https://wordpress.org/plugins/before-after-image-slider-amp/)
 * Tags
 * [before after](https://arq.wordpress.org/plugins/tags/before-after/)[comparision](https://arq.wordpress.org/plugins/tags/comparision/)
   [image compare](https://arq.wordpress.org/plugins/tags/image-compare/)
 *  [Advanced View](https://arq.wordpress.org/plugins/before-after-image-slider-amp/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/before-after-image-slider-amp/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/before-after-image-slider-amp/reviews/)

## Contributors

 *   [ James Osborne ](https://profiles.wordpress.org/jamesosborne/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/before-after-image-slider-amp/)