[dipi_before_after_slider before_image=“https://eikenroth-werbeagentur.de/wp-content/uploads/bas-07.jpg“ after_image=“https://eikenroth-werbeagentur.de/wp-content/uploads/bas-08.jpg“ direction=“vertical“ handle_icon=“arrow“ before_label_bg_color=“#ffffff“ after_label_bg_color=“#ffffff“ overlay_color=“rgba(10,0,0,0.27)“ overlay_visibility=“hide_on_hover“ offset=“70″ slider_color=“#FFFFFF“ slider_width=“1px“ slider_handle_icon_color=“#FFFFFF“ handle_container_bg_blur=“15px“ slider_handle_color=“#FFFFFF“ slider_handle_bg_color=“RGBA(255,255,255,0)“ handle_circle_size=“50px“ handle_circle_border_width=“1px“ handle_icon_size=“8px“ handle_icon_arrow_width=“1px“ handle_icon_gap=“5″ handle_hover_icon_gap=“8″ _builder_version=“4.19.4″ labels_font=“|||on|||||“ labels_text_color=“#15022a“ box_shadow_style=“preset3″ global_colors_info=“{}“ _i=“0″ _address=“0.0.0.0″ theme_builder_area=“post_content“][/dipi_before_after_slider]
Powerful Features
Showcase your work results in a stunning way
Are you a make-up artist, or maybe a builder or hairdresser? Use the Before & After Slider to display your work in a beautiful and neat way. Add 2 versions of images, and showcase your work results with style.
Add custom labels
Use horizontal or vertical slider direction
Activate slider on hover or click
Add images alt text for SEO
Customize slider line and handle
Add image overlay
Advanced custom CSS fields
Vertical Direction
Choose vertical slider orientation and drag the slider up and down to see two versions of the image.
Horizontal Direction
Choose horizontal slider direction and drag the slider sideways to see two versions of the image.
Custom Labels
Add your own labels text like shown below. Labels can be always displayed on the overlay or just on mouseover.
Slider Customization
Set slider style, and initial position and customize slider line and handle colors to fit your requirements.