Before After Image Slider Lite free WordPress plugin

The Before After Image Slider for WordPress allows you to easily show and compare two images. See screenshots or demo for more information. The lite version contains the following features: One mode (overlay) Define left and right alt-Attribute Set width Set title Define additional classes Support Please use the support forum in case of any problems or questions before just giving a bad rating. We really take this seriously. Usage Please see the Other Notes section for more details on this. HINT: There is also a pro version available with direct support and additional features like more modes, Visual Composer support, setting an inital value, linking images and more… View pro version Usage Shortcode Generator To be a able to use the handy shortcode generator, you have to install the optional Favpress framework. Set FAQ for this. Hint: After you’ve created your pages, you can safely deactivate (and remove) Favpress again. It is only needed for this editor functionality. Note: The generator currently only works in the visual editor mode. Shortcode The basic shortcode looks like this: [image-comparator][/image-comparator] You may use the following parameters: left (required) – Url or id of the left image. left_alt – “alt” attribute of the left image. right (required) – Url or id of the right image.* right_alt – “alt” attribute of the right image. title – Optional title. width Optional width, i.e. 70%. classes – Additional CSS classes. Hint Use ‘hover’ to enable a mouse hover effect. Shortcode Examples Just images: [image-comparator left=”http://…/left.jpg” right=”http://…/right.jpg”][/image-comparator] When you know the media id of the images you can do it like this: [image-comparator left=”123″ right=”456″][/image-comparator] (This will also let you translate the media using WPML.) Enable hover effect: [image-comparator classes=”hover”][/image-comparator] Full example: [image-comparator left=”http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_right1.jpg” left_alt=”The cobra is red” right=”http://test.moewe.io/before-after-image-slider-lite/wp-content/uploads/sites/12/2015/03/cobra_blend_left.jpg” right_alt=”The cobra is black” width=”70%” classes=”hover” title=”With hover