Before After Slider and Carousel

Create amazing content slider and carousel
with Before After GutSlider Block

01.Comparison Caption

Photo comparison with before-after labels and a custom
caption with the default handle and control line.

Before
Before Slider Photo
After
After Slider Photo
Photo Comparison
Morning
Before Slider Photo
Before Sun set
After Slider Photo
Two weathers of a sea

02.Hover Swipe Mode

Photo comparison with the Hover Swipe Mode. It swipes
the handle on mouse hover instead of Drag.

03.Vertical Directional Comparison

Photo comparison along the vertical direction. Drag and hover both swipe modes work fine along the vertical direction.

Above Sea Weather
Before Slider Photo
Under Sea Water
After Slider Photo
Two states of a seawater
Before
Before Slider Photo
After
After Slider Photo
Climate change side effect

04.Custom Starting Point & Disable Sliding Behavior

A custom starting point has been set, here the Control line
starts at 60% and the sliding behavior is disabled.

05. Custom Style for Labels, Caption & Control Line, and Button

Add custom style for before-after label, Comparison slider’s caption, control line, and control button. Labels are visible on Hover with animation.

5 Years Ago
Before Slider Photo
At Present
After Slider Photo
My favorite cars