Slide paralax
shortcode

This shortcode allows you to show and compare two images easily. Choose the direction for the draggable divider.
Read documentation
Usage frequency
70%
Preset amount
75%
Customizability
84%

Available options

Default code: [dfd_slide_parallax image_width="1180" image_height="600" delim_width="1"]

Style – Choose between 2 preset styles;

Animation – Select among 14 appear effects;

Custom CSS Class –  Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Images – Set the two images you would like to use in slider;

Image width and height – Specify the width and height for the images to set the size you need;

Divider – This section allows you to upload the divider image, set the delimiter width and color;

Default styles

Samples of preset styles without custom changes
horizontal style
Image
Image
Image
Vertical style
Image
Image
Image