Before After Slider

Use the before after slider module to display two versions of an image simply by sliding over it.

Features

An example showing the vertical orientation of the slider. Drag the slider up and down to see two versions of the same image.

An example showing the horizontal orientation of the slider. Drag the slider sideways to see two versions of the same image.

Customize your own label texts like “Winter” – “Summer” shown below. labels are displayed on the overlay and describe the difference between images.

You can edit the labels position along with the handle and label colors. Use the inbuilt color picker to do so.