Visualize the differences between two images with this plugin. Simple to use, fully responsive and supports touch navigation, OT Before & After image slider is a must have with all Wordpress websites.

OT Before & After image slider brings you a stunning way to highlight the differences between two images. Instead of placing the images side by side, your visitors now can compare 2 images in details via a swipable slider. You are offered the most visual way to focus on the difference between two images. It increases the engagement between your content and your users better than ever.

There is shortcode [otbeforeafterimagesslide] with 3 available parameters.

Note:OT Before & After image slider is compatible with most of all the browsers like Firefox, Internet Explorer (IE9+), Chrome, Opera, Safari etc.

Quick Info

Version 1.1.0
Released date 2017-8-7
Responsive supported Yes
Available for Latest Wordpress
1 1 1 1 1 1 1 1 1 1 (1 Vote)

Demos Free Download! Documentation Forum



Change log

+ V1.0.0 

  • Initial Release

+ V1.0.1

  • Added available shortcode parameters.


Work well with any device

Work well with any device

OT Before & after image slide is responsive and it will look good and display awesome no matter what device or screen size your visitors use. This way, users can have the best experience on your content.

Enhance mobile user experience through touch

We built this pluginwith mobility in mind. It supports touch navigation with pure swipe gesture that you have never experienced before.

Enhance mobile user experience through touch

Easily install and customize

Ease your work with intuitive panel settings

Using OT before & after image slide is very easy with an intuitive admin panel.

By adding shortcode to your post or page content like this [otbeforeafterimagesslide image1="image 1 url" image1="image 2 url"] .Another available parameter is display ("basic" or "vertical") if you want difference value for specific slider with default value in setting.

You can do adjustment the width for image, so it will display in number of column as bootstrap grid (1,2,3,4,5,6,7,8,9,10,11,12). Example,  columnwidth=12 then images are display in 100% of outer div width, columnwidth=6 then images are display in 50% of outer div width.

Get Support through Omegatheme Support Forums

Get Support through Omegatheme Support Forums

If you have any question, you always can get Support through Omegatheme Support Forums. We will investigate the issue in-depth and provide a solution quickly.