Before and After Image Slider

A before and after image slider puts two photos on top of each other with a handle that visitors drag to compare them. It is popular for renovations, beauty, cleaning and photo editing. Horizontal is free; Vertical is Pro.

A before/after slider: drag the handle to compare.
A before/after slider: drag the handle to compare.
Step 3: the before and after images and their labels.
Step 3: the before and after images and their labels.
  1. Create a slider and choose Before/After.
  2. Click Choose image for the Before image and the After image.
  3. Change the labels if you like (default Before and After) and publish.

Keyboard users can move the handle with the arrow keys. Use two images of the same size for the best result.