OT Before & After Image Slide

Available for:
Design: Responsive (Bootstrap 3), Sharp on all devices
Compatibility: Wordpress Joomla! 3
Extension version: 1.0.0
  1.2.0
Release date: 06/04/2015 - USA
Rating: {mainvote}
Support: Open a Ticket Documentation Forum Support
Download: Demos Joomla Wordpress

 

 Visualize the differences between two images with this extension. Simple to use, fully responsive and supports touch navigation, OT Before & After image slider is a must have with all Wordpress or Joomla 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.

 

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.

Related Articles

About Growth

Innovative tech for eCommerce growth

Contact Info

Head: No. 3, 175/55 Lane, Lac Long Quan St., Nghia Do Ward, Cau Giay District, Hanoi City, Vietnam