Documentation

Before after image slider Pro

Getting started with Before After image Slider

Before After image Slider adds a Menu tab in WP Admin side with the name “Before & After image Slider” where you can customize the link as per your need with beautiful shortcode. Screen shows “Before & After image Slider” tab in the left side.

Before after image slider shortcodes:

befor-after-image-slider

  • before_img: Enter before image URL (e.g.:before_img=”http://www.domainname.com/image-2.jpg”)
  • after_img: Enter after image URL (e.g.:after_img=”http://www.domainname.com/image-2.jpg”)
  • orientation: Two type of orientation 1) horizontal 2) Vertical
    (e.g.:orientation=”horizontal”)
  • offset: Enter offset (e.g.:offset=”0.5″)
  • before_label: Enter before_label (e.g.:before_label=”Before”)
  • after_label: Enter before_label (e.g.:after_label=”After”)

How to display and shortcodes

[bafis_image]
[bafis_image before_img="http://www.domainname.com/image-1.jpg" after_img="http://www.domainname.com/image-2.jpg" orientation="horizontal" offset="0.5" before_label="Before" after_label="After"]

You can also use template code to display button in your theme template.

echo do_shortcode('[bafis_image]');
echo do_shortcode('[bafis_image before_img="http://www.domainname.com/image-1.jpg" after_img="http://www.domainname.com/image-2.jpg" orientation="horizontal" offset="0.5" before_label="Before" after_label="After"]');

Updated On May 20, 2017