Smooth Version
Just move the mouse over the image or swipe on touch devices.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png”]
[toggle title=”Get The Code” icon=”file-alt” style=”simple”]
[get_the_code label=”false”]
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png”]
[/get_the_code]
[/toggle]
[divider]
Flip Version
Click the handler at the bottom.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”flip”]
[toggle title=”Get The Code” icon=”file-alt” style=”simple”]
[get_the_code label=”false”]
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”flip”]
[/get_the_code]
[/toggle]
[divider]
Hover
Hover over the image to show its alternative version.
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”hover”]
[toggle title=”Get The Code” icon=”file-alt” style=”simple”]
[get_the_code label=”false”]
[before_after width=”719″ height=”404″ before_src=”/wp-content/uploads/2013/06/banda_before_1_v01.png” after_src=”/wp-content/uploads/2013/06/banda_after_1_v01.png” type=”hover”]
[/get_the_code]
[/toggle]
[divider]
[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]
Shortcode documentation
[before_after doc=”true”]