Title: Image Before After Addon for Elementor &#8211; WPTD
Author: WP Theme Developers - WPTD
Published: <strong>Kamena 12, 2021</strong>
Last modified: Ugushyingo 18, 2023

---

Search plugins

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/wptd-image-compare/assets/icon-128x128.png?rev=2546661)

# Image Before After Addon for Elementor – WPTD

 By [WP Theme Developers – WPTD](https://profiles.wordpress.org/wpthemedevelopers/)

[Download](https://downloads.wordpress.org/plugin/wptd-image-compare.zip)

 * [Details](https://kin.wordpress.org/plugins/wptd-image-compare/#description)
 * [Reviews](https://kin.wordpress.org/plugins/wptd-image-compare/#reviews)
 *  [Installation](https://kin.wordpress.org/plugins/wptd-image-compare/#installation)
 * [Development](https://kin.wordpress.org/plugins/wptd-image-compare/#developers)

 [Support](https://wordpress.org/support/plugin/wptd-image-compare/)

## Description

### The #1 Image Before After Addon for Elementor

WPTD Image Before After is advanced elementor image compare plugin. You can easily
compare two images by selection. Also we Provide here horizontal and vertical options
too.

### Rate

 * [Please rate the plugin](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=5)
 * [Read people reviews](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=5)

### The Features

Image Before After showing vertical and horizontal sliders and many features:
 Also
you can apply many options as we mentioned some examples below

 1. Orientation (Horizontal/Vertical).
 2. Default Offset(default slider range from 0 – 1).
 3. Move slider on mouse hover?.
 4. Allow a user to swipe.
 5. Allow a user to click (or tap) anywhere on the image to move the slider to that
    location.
 6. Enable overlay option for show before after labels
 7. Any theme support
 8. Easy to Use.

### Live Demo

 * [WPTD Image Before After Live Demo](http://plugins.wpthemedevelopers.com/wptd-image-compare/)

### Contact Us for More Works

 * [WordPress Theme Developers](https://wpthemedevelopers.com/contact/)
 * [Wide News Hub](https://widenewshub.com/contact/)
 * [EMI Calculator Plugin Work Sample](https://widenewshub.com/emi-calculator-for-home-loan-car-loan-personal-loan-in-india/)

## Screenshots

 * [[
 * **Goto Elementor page builder. Search keywords like “compare”. You can get our
   Image Compare shortcode.
 * [[
 * **Search tab wise Our Image Compare shortcode under WPTD tab.
 * [[
 * **Image compare with horizontal slider.
 * [[
 * **Image compare with vertical slider.
 * [[
 * **Image compare with both horizontal and vertical slideron same section.

## Installation

### Installation

 1. Upload ‘wptd-image-compare’ folder to the ‘/wp-content/plugins/’ directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Now read [How of Use](http://plugins.wpthemedevelopers.com/wptd-image-compare/)

## FAQ

### Can I use the plugin without Elementor Page Builder?

No. You cannot use without Elementor since it’s an addon for Elementor.

### Does it work with any theme?

Absolutely! It will work with any theme where Elementor works.

### Can I extend the plugin or options?

Absolutely! Feel free contact us. We can upgrade or create plugins.

 * [WP Theme Developers](https://wpthemedevelopers.com/)

## Reviews

![](https://secure.gravatar.com/avatar/ba5c68703872f21bd192915ee2618f6def60c892e6041db9b3b2e37828e30207?
s=60&d=retro&r=g)

### 󠀁[The problem with the “After”](https://wordpress.org/support/topic/the-problem-with-the-after/)󠁿

 [kickermax](https://profiles.wordpress.org/kickermax/) Kamena 14, 2023 1 reply

A good plugin, everything works fine. But there is a problem. The inscription “after”
is displayed, but copies the content “before”. It is fixed very easily. In the file
image-compare.php (along the way wptd-image-compare/trunk/widgets/image-compare.
php) in function renderduring subsequent rendering, “data-before” and “data-after”
have the same tokens (thats all).echo sprintf(‘<figure class=”%1$s” data-offset=”%
2$s” data-orientation=”%3$s” data-move=”%4$s” data-swipe=”%5$s” data-hover=”%6$s”
data-noverlay=”%7$s” data-before=”%8$s” data-after=”%8$s”>’, Just change last data-
after for “%9$s”

 [ Read all 1 review ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/)

## Contributors & Developers

“Image Before After Addon for Elementor – WPTD” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ WP Theme Developers – WPTD ](https://profiles.wordpress.org/wpthemedevelopers/)

[Translate “Image Before After Addon for Elementor – WPTD” into your language.](https://translate.wordpress.org/projects/wp-plugins/wptd-image-compare)

### Interested in development?

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

## Changelog

#### 1.1

 * Elementor _register_controls deprecation issue fixed

#### 1.0

 * Intial release.

## Meta

 *  Version **1.2**
 *  Last updated **2 years ago**
 *  Active installations **200+**
 *  WordPress version ** 3.0 or higher **
 *  Tested up to **6.4.8**
 *  PHP version ** 5.7 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wptd-image-compare/)
 * Tags
 * [before after slider](https://kin.wordpress.org/plugins/tags/before-after-slider/)
   [image compare](https://kin.wordpress.org/plugins/tags/image-compare/)
 *  [Advanced View](https://kin.wordpress.org/plugins/wptd-image-compare/advanced/)

## Ratings

 4 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wptd-image-compare/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/wptd-image-compare/reviews/)

## Contributors

 *   [ WP Theme Developers – WPTD ](https://profiles.wordpress.org/wpthemedevelopers/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/wptd-image-compare/)