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
Slide parallax image
Slide parallax image
Slide parallax image
Vertical style
Slide parallax image
Slide parallax image
Slide parallax image