Compare Image – WP Shortcode Pro

Preview
Code
Options

[wps_compare_image orientation="horizontal" before_label="Before" before_image="https://demo.mythemeshop.com/wp-shortcode-pro/files/2018/04/img-modified.jpg" after_label="After" after_image="https://demo.mythemeshop.com/wp-shortcode-pro/files/2018/04/img-original.jpg"]

Option name

Possible values

Default value

orientation
Choose orientation for this compare image

horizontal
verticle

horizontal

before label
Choose before label for this compare image

any text

Before

before image
Choose before image for this compare image

image url

http://via.placeholder.com/400×200?text=Before

after label
Choose after label for this compare image

any text

After

after image
Choose after image for this compare image

image url

http://via.placeholder.com/400×200?text=After

extra CSS class
Choose extra CSS class for this compare image

any extra CSS class