Module Demo – DP Before and After Slider

The Before and After Slider module is a significant tool that allows users to compare the alternate version of images with a moving slider. This user-friendly module also has different orientations; vertical, horizontal, click support and slider hover. With efficient usage, you’ll be able to quickly display two versions of an image without any additional effort. 

DP Before and After Slider 1

[dipl_before_after_slider before_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” after_image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” slider_handle_color=”#FFFFFF” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_before_after_slider]

DP Before and After Slider 2

[dipl_before_after_slider before_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” show_before_label=”on” before_label=”BEFORE” before_label_bg=”#FFFFFF” after_image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_after_label=”on” after_label=”AFTER” after_label_bg=”#FFFFFF” slider_handle_color=”#FFFFFF” _builder_version=”4.16″ _module_preset=”default” label_text_font=”|600|||||||” label_text_text_color=”#000000″ label_text_font_size=”25px” global_colors_info=”{}”][/dipl_before_after_slider]

DP Before and After Slider 3

[dipl_before_after_slider before_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” show_before_label=”on” before_label=”BEFORE” before_label_bg=”#FFFFFF” after_image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_after_label=”on” after_label=”AFTER” after_label_bg=”#FFFFFF” move_on_hover=”on” slider_handle_color=”#FFFFFF” _builder_version=”4.16″ _module_preset=”default” label_text_font=”|600|||||||” label_text_text_color=”#000000″ label_text_font_size=”25px” global_colors_info=”{}”][/dipl_before_after_slider]

DP Before and After Slider 4

[dipl_before_after_slider before_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” show_before_label=”on” before_label=”BEFORE” before_label_bg=”#FFFFFF” after_image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_after_label=”on” after_label=”AFTER” after_label_bg=”#FFFFFF” slider_orientation=”vertical” move_on_hover=”on” slider_handle_color=”#FFFFFF” _builder_version=”4.16″ _module_preset=”default” label_text_font=”|600|||||||” label_text_text_color=”#000000″ label_text_font_size=”25px” global_colors_info=”{}”][/dipl_before_after_slider]

DP Before and After Slider 5

[dipl_before_after_slider before_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” show_before_label=”on” before_label=”BEFORE” before_label_bg=”#FFFFFF” after_image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_after_label=”on” after_label=”AFTER” after_label_bg=”#FFFFFF” slider_orientation=”vertical” move_on_click=”on” slider_handle_color=”#FFFFFF” _builder_version=”4.16″ _module_preset=”default” label_text_font=”|600|||||||” label_text_text_color=”#000000″ label_text_font_size=”20px” global_colors_info=”{}”][/dipl_before_after_slider]

If you want to create a before and after image comparison slider for your website, check out the Divi Plus plug-in.

More Module Demos

The plugins needed for this feature are included when we build websites.

With Pressific, your website comes fully equipped with a range of licensed premium plugins and is ensured perpetual renewal and maintenance while hosted with us.