Plugins
>
Before-after slider
Before-after slider
Technical
Containers
Mobile
Media
Visual Elements
Plugin details
Compare two images easily with a customizable slider.
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.
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?
Support
And if you have any questions, reach out to us at support@mindforapps.com
$15 ONE TIME OR $4/MO
BUY NOW | $15 ONE TIME OR $4/MO
Check it Live
Ready to start your own Project?
More plugins
Start Your Project
What stage are you on?
Exploring
I know the problem I'm solving — I need help building the solution.
Project Brief
You have a brief — we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined — we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off — we will help you bring it to life.