Connect with us

Wordpress Plugin

Before & After Image Slider for WPBakery Page Builder (formerly Visual Composer)



Before & After Image Slider for WPBakery Page Builder (formerly Visual Composer) - 1

Check out Super Bundle for WPBakery Page Builder / Visual Composer

Before & After Image Slider for WPBakery Page Builder (formerly Visual Composer) - 2

Try out Before & After in a live environment first before you buy

The Best Way to Add before / after Image Slider to Your Site

Create an awesome slider over to showcase your before & after photos with this easy to use element shortcode.

Trigger the before / after slider on mouse hover, click & drag or via a scroll bar. You can also add arrows or a colored split border.

The plugin is hardware accelerated and responsive, and it will adjust depending on your screen size. What’s more awesome is that it works blazing fast in mobile devices and becomes a touch and drag slider.

This plugin is perfect for showcasing:

  • Make up or make over before & after photos,
  • Before & after shots of landmarks and places,
  • Photography or design before & after screenshots,
  • Website before & after redesigns,
  • And many more.

The most unique thing is that this slider isn’t your typical vertical only or horizontal only before/after slider. We support angular / diagonal splits, a first in before / after sliders.

How to Use the Element

Just create a Before and After element:

Before & After Element in WPBakery Page Builder

Then in the settings, add a before photo and an after photo:

Before & After settings

That’s basically it. You can further change the settings to add a border, arrows and a scrollbar to your before/after slider.

When checking out the before/after slider in touch devices, it’s automatically responsive and touch enabled. Best of all, the performance is fast in both iOS and Android devices.

Awesome Features

  • Original vs new image comparisons,
  • Horizontal or Vertical splits,
  • Diagonal splits – a first in the industry,
  • Hardware accelerated speeds,
  • Responsive & touch enabled,
  • Customizeable border & arrow colors,
  • Scrollbars are available in the settings,
  • Easy to use shortcode,
  • WPBakery Page Builder Element included,
  • Well documented, and
  • Lightweight,
  • Cleanly coded in WordPress standards

Try out Before & After in a live environment first before you buy

Having Trouble with the Plugin?

Head over to the support tab and check out the FAQs, or submit a support ticket!

Enjoying the Plugin?

Be sure to leave a rating and review and show us some love.


Version 1.4 - October 24, 2018

* New: Added swap before & after images
* New: Added mobile image size option.

Version 1.3 – March 21, 2018

* Enhanced: Arrow pointers now have better alignment.
* Enhanced: The slider can load a lower-resolution image on lower screen sizes.
* Fixed: Scrollbar settings may not apply at all.
* Added backend indicators in Visual Composer backend for easier identification of an element's instance and configuration.
* Rewrote caption alignments for better functionality. Please take note of the settings you used, if you use captions in Before and After element, as alignment options have internally changed, and will require you to reapply the settings.
* Enhanced: Mobile detection.
* Fixed an issue introduced during modernization that caused returning functions of the slider not to work.
* Added a routine that should disable blurring in angled image transformations. This should mitigate unwanted blur in angled images, but is not a guaranteed fix.
* Added a warning in the settings page about using slider angles outside of -45, 0 and 45, due to possible blurring of images by certain browser rendering engines.
* Changed shortcode name to gambit_before_after from before_after, to prevent conflicts with themes and plugins with the same shortcode name. Please take note of this before upgrading your copy!
  Existing before_after shortcodes will still be rendered, but must be updated before being editable again.
* Default border width is now 2px

Version 1.2 – January 19, 2016

* New width parameter for forcing the slider to have a maximum width.
* A custom class can now be defined for the element.
* Upgraded compiler for more reliable performance and virtually bug-free operation.
* Text captions for before image and after image are now possible. Alignment and text styling options included.
* Plugin updated to our current coding standards.
* Plugin autoupdates implemented. All you need is to enter your purchase code.
* Minor bug fixes.
* Done away with modernizr and upgraded all mobile detection coding.
* Removed OTF Regenerate Thumbnails, just install it if you need it.

Version 1.1 – March 11, 2015

* Fixed bug where the slider did not work in IE9
* Fixed resizing bug where sometimes the images got resized into a zoomed version

Version 1.0

* Initial release


Download Png Image

Subscribe Our   Youtube Channel


Free6 days ago

Using Virtual Reality to Engage Special Demands Students

VR is mostly a new form of entertainment that allows users to immerse themselves in an encounter like zero other....

Free6 days ago

Antivirus Software Rewards

Antivirus computer software can help give protection to your computer against phishing scams and destructive software. Older adults are particularly...

Free6 days ago

Ideal Data Room Services

Best data room providers are a combination of functionality and ease of use. Some data room providers present features such...

Free6 days ago

On the web Security Guidelines

In an progressively connected world, web based security is of critical importance for everyone, right from individuals to businesses. We...

Free6 days ago

What you need to Know About Organization Process Motorisation Software

While you’re continue to deciding whether to use organization process motorisation software, there are a few things you should know...

Free6 days ago

Which in turn Business Expansion Software is Good for Your Company?

Business production tools help your company run smoothly and scale. That they cut around all departments within your business. From...

Free6 days ago

The right way to Market an electronic Business

There are a number of ways to market a digital organization. You can use digital marketing strategies to build brand...

Free1 week ago

Malware Review — What to Look For in Antivirus Software

An anti-virus review will let you decide if the particular applications are worth the charge. This can be especially useful...

Free1 week ago

The way to select the Perfect Ant-virus Software For Your PC

If you want the very best antivirus software program for your PC, then get come to the right place. There...

Free2 weeks ago

Greatest Free Antivirus security software

If you’re looking for the best cost-free antivirus that you can purchase, then you’ve come to the right place. Presently...

Free3 weeks ago

What Board Websites Can Perform For Your Company

In this article, we are going to look at what board websites can carry out for your organization. Plank portals...

Free3 weeks ago

VPN and Anti-virus

VPN and antivirus operate tandem to be sure your online reliability. While anti virus protects your laptop or computer against...

Free3 weeks ago

Ways to Keep Your Economic Data Secure

As the earth becomes even more digital, financial support organizations will be collecting 360-degree views of customers’ activities and writing...

Free3 weeks ago

Is usually Free Malware For Business Perfect for Your Business?

A free antivirus for business method comes with a number of benefits, although it’s a bad means to fix every...

Free3 weeks ago

The best Antivirus Application

If you’re looking for the perfect anti virus software, you may have come to the right place. There are many...