An Example of Before After Slider


Settings Used : Width- 100%, Height – auto, Overlay Effect – ON, Before/After Image Visible Ratio – 0.5, Orientation – Horizontal, Move Slider On Hover – OFF, Move With Handle Only – OFF, Click To Move – ON
A Basic Example Design Two


Settings Used : Width- 100%, Height – auto, Overlay Effect – OFF, Before/After Image Visible Ratio – 0.35, Orientation – Vertical, Move Slider On Hover – ON, Move With Handle Only – OFF, Click To Move – ON