Plugins>Before-after slider

Before-after slider

TechnicalContainersMobileMediaVisual Elements
Before-after slider
$15 once or $4/moCheck it Live

Ready to start your own project?

Book a meeting

Plugin details

Overview & Key Features

Before-After Plugin is an easy to use and quite visually appealing tool that allows you to compare two different images in one slider is several ways.

Features:

-Working in all of main browsers
-It’s possible to set any colors for cursor and line and to change the size of cursor and line
-Fully responsive for all mobile devices.

Installation

1
Place a "before-after" element on the page.
2
Connect an image gallery (a field from the database containing images)
3
or if you want to use separate single, then check the “Or use Single Images” checkbox and include at least the “Before image_1” and “After image_1” fields
4
Using the settings in the "BASIC SETTINGS" section, define the "W", "H" and "Fit" parameters in order to determine how the slider will behave when the width changes.
5
If necessary, define other parameters. Under each parameter there is a necessary description.

Need help adjusting your new application?

Contact us
Moving off Bubble? We migrate Bubble apps to custom code, or help you optimize the one you have.See how it works →

Support

And if you have any questions, reach out to us at support@mindforapps.com

More plugins