Before After Image Comparison Slider for WPBakery Page Builder Plugin

Before After Image Comparison Slider for WPBakery is an image comparison slider plugin for WPBakery Page Builder. This plugin allows you to create the effect for comparing two before and after images.

This plugin let you compare two before and after images with WPBakery Front-end Drag and Drop Builder.

You can add unlimited numbers of slider with this plugin. This plugin also works on the frontend editing mode and let you see the preview of how the slider looks on the website.

Upgrade to Pro!
HTML To WordPress Theme Conversion Service

Features

• Responsive and Touch Friendly -– It is fully responsive on any browser and Touch Friendly for mobile and touch devices.

• Image Dimensions — You can use any image sizes used in your theme.

• Custom CSS — Option to Override Default CSS and add your own style with Custom CSS

• Front-end Editing — You can add new slider or edit existing sliders from the WPBakery Frontend Editing Mode

• WebP Image Support — This plugin supports WebP Images. It is the only plugin which supports WebP Images. You can now use WebP Images to compare with this plugin

• Unlimited Slider — There is no limitation on the number of slider. So, You can create unlimited number of slider .

Upgrade to Pro!

There is also a pro version of this plugin. You will get more features and advantages on the pro version.

Pro Features

Upgrade to Pro!

• Two types of Orientation (Horizontal and Vertical)
• Move with Mouse Click on Image
• Customizable Default Slider Postion Offset
• Customized Before/After Texts
• Move with Mouse Hover
• Change Image Size
• Responsive and Touch Friendly
• Cross Browser Compatible
• Supported on all Modern New Browsers and Devices
• Use Unlimited Sliders on Same Page
• Global Custom CSS
• Global Custom JS
• All Free Features
• Priority Support and Bug Fix

More Features are Coming Soon

Upgrade to Pro!

** We welcome your feedback and suggestions to improve the plugin! Please contact with us at [email protected] for any kinds of Suggestion**

This section describes how to install the plugin and get it working.

1. Upload the plugin folder to the ‘/wp-content/plugins/’ directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Go to Visual Composer Editor, and looking for the addon under “Web Builders Elements” category named as “Before After Image Comparison Slider” and select it.
4. Upload Two Images and set your desired image sizes and configure other options as you do on other elements.

1. 

   Admin Panel

2. 

   Slider

3. 

2.0.1 (02-16-24)

Tweak CSS

Tested with Latest WordPress Version

Tested with Latest WPBakery Version

2.0.0 (10-27-22)

Tested with Latest WordPress Version

1.4.6

Add Proper Event Binding on window load to compatible with Latest WordPress

Rename Lazy Loading JS Function name to avoid conflict

1.4.5

Make Compatible with WP 5.5

1.4.4

Add WebP Image Support

Update Promo Links

1.4.3

Permanently Hide the Review Banner After Clicking on the “Already Reviewed” Button

1.4.2

Refactor Codes

Update Promo Links

1.4.1

Update Plugin Logo

1.4.0

Add Custom CSS Option

Add Support Page on Admin

Fix a JS issue

Introduced Pro Version

1.3.2

Set Review Transient to three month

1.3.1

Set Review Transient to one month

1.3.0

Fix Slider Element not found on visual Composer Element List

Add Frontend Editing Option

Add Plugin Deactivation Feedback

1.2.0

Fix Slider Adding Option not found on WPBakery version 6

Fix Slider not working on page load

1.1.0

Make the plugin Translation Ready

Add Review Link on Plugin Rows

Add Leave a Review Notice

1.0

Initial Release