Get the codes[image_compare before_image="images/headers/raindrops.jpg" after_image="images/headers/walden-pond.jpg" orientation="vertical"]
Get the codes[image_compare before_image="images/headers/raindrops.jpg" after_image="images/headers/walden-pond.jpg"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Image Compare This widget generates an image comparator |
Original image -
before_image Possible values: Url From Meida! Default value: Modified image -
after_image Possible values: Url From Meida! Default value: Original text -
before_text Possible values: Any Custom Value Default value: Original Modified text -
after_text Possible values: Any Custom Value Default value: Modified Orientation -
orientation Possible values: Horizontal, Vertical, Default value: Horizontal Slide mode -
slide_on Possible values: Click, Hover, Default value: Click Width -
width Possible values: 100 - 1600 Default value: 600 Height -
height Possible values: 50 - 1200 Default value: 350 Border -
border Possible values: yes, no Default value: yes Arrows -
arrows Possible values: yes, no Default value: yes Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[image_compare before_image="" after_image="" before_text="Original" after_text="Modified" orientation="horizontal" slide_on="click" width="600" height="350" border="yes" arrows="yes" class="" scroll_reveal=""]
|