You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 19
Next »
The Before After Image Slider allows you to visualize the difference between two images.
Macro parameters
| Label | Parameter | Default | Description | Hosting Type |
|---|
| Method | method |
| Choose from 5 different methods to visualize the images. | Server, Cloud |
| Left Image | leftImage |
| Search box for the left image. | Server, Cloud |
| Right Image | rightImage |
| Search box for the right image. | Server, Cloud |
| Width | width | 50% | Width of the container. | Server |
| Slide on mouse move | hover | Yes | If enabled slides will be moved with the mouse move. | Server, Cloud |
| Overlayed Slider | overlayedSlider | No | By default the slider is beneath the images. Settings this option the slider is on top of the images. | Server, Cloud |
| CSS Classes | cssClasses |
| Parameter to set additional css classes to enable further features or for advanced customization. | Server |
Methods
Overlay
From Right
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Side by Side
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Fade In
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
From Left
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Overlaid handle
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Rounded Slider
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Hidden handle (Mouse only)
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
Subtle slider
Deprecated
This version of the before after slider is deprecated. Please remove and insert new one instead.
