SiteOrigin Before & After Widget
The SiteOrigin Before & After widget provides a simple method for the comparison of two images. The slider can be set to move horizontally or vertically with custom text used for the image labels.
Horizontal Slider
Setting up the slider is simple, select an image to use for the left side (Image 1) and an image to use for the right side (Image 2). It is recommended to use the same image size for each image.
Custom Labels
To use custom text labels enter your desired text in the Label fields of the Data section of the form.
Vertical Slider
The slider can be set to use a vertical orientation. Set the Orientation option to vertical. In vertical orientation Image 1 will be the top and Image 2 the bottom.