{"id":32738,"date":"2014-11-09T12:56:05","date_gmt":"2014-11-09T12:56:05","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/before-after-image-slider-lite\/"},"modified":"2020-11-08T12:48:47","modified_gmt":"2020-11-08T12:48:47","slug":"before-after-image-slider-lite","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/before-after-image-slider-lite\/","author":11414715,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.2.0","stable_tag":"2.2.0","tested":"5.6.17","requires":"5.2","requires_php":"7.2","requires_plugins":"","header_name":"Before After Image Slider Lite","header_author":"MOEWE","header_description":"","assets_banners_color":"dfd3c5","last_updated":"2020-11-08 12:48:47","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/codecanyon.net\/item\/before-after-imagecontent-slider-for-wordpress\/6503930","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/before-after-image-slider-lite\/","header_author_uri":"https:\/\/www.moewe.io\/","rating":3.9,"author_block_rating":0,"active_installs":600,"downloads":27200,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.10":{"tag":"1.10","author":"Adrian2k7","date":"2015-01-27 18:46:56"},"1.11":{"tag":"1.11","author":"Adrian2k7","date":"2015-02-04 16:05:51"},"1.11.1":{"tag":"1.11.1","author":"Adrian2k7","date":"2015-02-19 13:33:37"},"1.11.2":{"tag":"1.11.2","author":"Adrian2k7","date":"2015-03-17 07:47:46"},"1.12":{"tag":"1.12","author":"Adrian2k7","date":"2015-03-24 15:25:37"},"1.12.1":{"tag":"1.12.1","author":"Adrian2k7","date":"2015-03-25 10:19:53"},"1.13":{"tag":"1.13","author":"Adrian2k7","date":"2015-04-24 08:12:48"},"1.14":{"tag":"1.14","author":"Adrian2k7","date":"2016-04-26 09:15:31"},"1.15":{"tag":"1.15","author":"Adrian2k7","date":"2016-08-15 13:28:19"},"1.9":{"tag":"1.9","author":"Adrian2k7","date":"2014-11-09 13:10:44"},"2.0":{"tag":"2.0","author":"Adrian2k7","date":"2016-12-20 15:19:55"},"2.1":{"tag":"2.1","author":"Adrian2k7","date":"2016-12-21 08:15:09"},"2.1.1":{"tag":"2.1.1","author":"Adrian2k7","date":"2017-06-21 08:59:00"},"2.2.0":{"tag":"2.2.0","author":"Adrian2k7","date":"2020-11-08 12:48:47"}},"upgrade_notice":[],"ratings":{"1":"4","2":"1","3":"2","4":"1","5":"13"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":1094260,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":1094260,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":1022431,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.10","1.11","1.11.1","1.11.2","1.12","1.12.1","1.13","1.14","1.15","1.9","2.0","2.1","2.1.1","2.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":1558405,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":1558405,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":1558405,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Usage Example 1","2":"Usage Example 2"}},"plugin_section":[],"plugin_tags":[9562,11617,4352,1332,133],"plugin_category":[43,46,50],"plugin_contributors":[81870,129348,192815],"plugin_business_model":[],"class_list":["post-32738","plugin","type-plugin","status-closed","hentry","plugin_tags-after","plugin_tags-before","plugin_tags-compare","plugin_tags-editor","plugin_tags-image","plugin_category-customization","plugin_category-editor-and-writing","plugin_category-media","plugin_contributors-adrian2k7","plugin_contributors-moewe","plugin_contributors-sachsentours","plugin_committers-adrian2k7","plugin_committers-moewe","plugin_support_reps-adrian2k7"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/before-after-image-slider-lite_dfd3c5.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/before-after-image-slider-lite\/assets\/screenshot-1.gif?rev=1558405","caption":"Usage Example 1"},{"src":"https:\/\/ps.w.org\/before-after-image-slider-lite\/assets\/screenshot-2.jpg?rev=1558405","caption":"Usage Example 2"},{"src":"https:\/\/ps.w.org\/before-after-image-slider-lite\/assets\/screenshot-3.jpg?rev=1558405","caption":""}],"raw_content":"<!--section=description-->\n<p>The Before After Image Slider for WordPress allows you to easily show and compare two images. See screenshots or <a href=\"http:\/\/test.moewe.io\/before-after-image-slider-lite\">demo<\/a> for more information.<\/p>\n\n<p>The lite version contains the following features:<\/p>\n\n<ul>\n<li>One mode (overlay)<\/li>\n<li>Define left and right alt-Attribute<\/li>\n<li>Set width<\/li>\n<li>Set title<\/li>\n<li>Define additional classes<\/li>\n<\/ul>\n\n<p><strong>Support<\/strong><\/p>\n\n<p>Please use the <a href=\"http:\/\/wordpress.org\/support\/plugin\/before-after-image-slider-lite\">support forum<\/a> in case of any problems or questions before\njust giving a bad rating. We really take this seriously.<\/p>\n\n<p><strong>Usage<\/strong><\/p>\n\n<p>Please see the <a href=\"https:\/\/wordpress.org\/plugins\/before-after-image-slider-lite\/other_notes\/\">Other Notes<\/a> section for more details on this.<\/p>\n\n<h4>HINT:<\/h4>\n\n<blockquote>\n  <p>There is also a <a href=\"https:\/\/codecanyon.net\/item\/before-after-imagecontent-slider-for-wordpress\/6503930\">pro version<\/a> available with direct support and additional features like more modes, Visual Composer support, setting an inital value, linking images and more...<\/p>\n  \n  <p><a href=\"https:\/\/codecanyon.net\/item\/before-after-imagecontent-slider-for-wordpress\/6503930\">View pro version<\/a><\/p>\n<\/blockquote>\n\n<h3>Usage<\/h3>\n\n<h4>Shortcode Generator<\/h4>\n\n<p>To be a able to use the handy shortcode generator, you have to install the optional Favpress framework.\nSet <a href=\"https:\/\/wordpress.org\/plugins\/before-after-image-slider-lite\/faq\/\">FAQ<\/a> for this.<\/p>\n\n<p><strong>Hint<\/strong>: After you've created your pages, you can safely deactivate (and remove) Favpress again. It is only needed for this editor functionality.<\/p>\n\n<p><strong>Note<\/strong>: The generator currently only works in the visual editor mode.<\/p>\n\n<h4>Shortcode<\/h4>\n\n<p>The basic shortcode looks like this:<\/p>\n\n<pre><code>[image-comparator][\/image-comparator]\n<\/code><\/pre>\n\n<p>You may use the following parameters:<\/p>\n\n<ul>\n<li><strong>left<\/strong> (required) - Url or id of the left image.<\/li>\n<li><strong>left_alt<\/strong> - \"alt\" attribute of the left image.<\/li>\n<li><strong>right<\/strong> (required) - Url or id of the right image.*<\/li>\n<li><strong>right_alt<\/strong> - \"alt\" attribute of the right image.<\/li>\n<li><strong>title<\/strong> - Optional title.<\/li>\n<li><strong>width<\/strong> Optional width, i.e. 70%.<\/li>\n<li><strong>classes<\/strong> - Additional CSS classes. <strong>Hint<\/strong> Use 'hover' to enable a mouse hover effect.<\/li>\n<\/ul>\n\n<h4>Shortcode Examples<\/h4>\n\n<p>Just images:<\/p>\n\n<pre><code>[image-comparator left=\"http:\/\/...\/left.jpg\" right=\"http:\/\/...\/right.jpg\"][\/image-comparator]\n<\/code><\/pre>\n\n<p>When you know the media id of the images you can do it like this:<\/p>\n\n<pre><code>[image-comparator left=\"123\" right=\"456\"][\/image-comparator]\n<\/code><\/pre>\n\n<p>(This will also let you translate the media using WPML.)<\/p>\n\n<p>Enable hover effect:\n    [image-comparator classes=\"hover\"][\/image-comparator]<\/p>\n\n<p>Full example:<\/p>\n\n<pre><code>[image-comparator\n    left=\"http:\/\/test.moewe.io\/before-after-image-slider-lite\/wp-content\/uploads\/sites\/12\/2015\/03\/cobra_blend_right1.jpg\"\n    left_alt=\"The cobra is red\"\n    right=\"http:\/\/test.moewe.io\/before-after-image-slider-lite\/wp-content\/uploads\/sites\/12\/2015\/03\/cobra_blend_left.jpg\"\n    right_alt=\"The cobra is black\"\n    width=\"70%\" classes=\"hover\"\n    title=\"With hover (just move the mouse)\"]\n[\/image-comparator]\n<\/code><\/pre>\n\n<!--section=installation-->\n<p>You can install the plugin in two ways:<\/p>\n\n<h4>From within WordPress plugin installation (recommended)<\/h4>\n\n<ol>\n<li>Search for \"Before After Image Slider\"<\/li>\n<li>Download it and then active it.<\/li>\n<\/ol>\n\n<p>or<\/p>\n\n<ol>\n<li>Upload and activate the file \"before-after-images-slider-lite.zip\" manually.<\/li>\n<\/ol>\n\n<h4>From the WordPress plugins page<\/h4>\n\n<ol>\n<li>Download the plugin, extract the zip file.<\/li>\n<li>Upload the \"before-after-images-slider-lite\" folder to your \/wp-content\/plugins\/ directory.<\/li>\n<li>Active the plugin in the plugin menu panel in your administration area.<\/li>\n<\/ol>\n\n<h4>Upgrade Notice<\/h4>\n\n<p>Always upgrade to the newest release to profit from bugfixes and new features.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt><h3>Where is the shortcode generator?<\/h3><\/dt>\n<dd><p>To be able to use the shortcode generator, you have to install the optional FavPress framework. You should be prompted\nfor this after activating the plugin.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Updated to latest noUISlider<\/li>\n<li>Tested with latest WordPress<\/li>\n<li>Removed adf.ly links<\/li>\n<li>Removed link to Favpress (shortcode generator) as this won't work with future WordPress anymore<\/li>\n<\/ul>\n\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>Fixed a JavaScript bug, which prevented using the toggle in FF<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<ul>\n<li>Improved localization support<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>Used FavPress in favor of Vafpress (You may remove Vafpress after updating the plugin)<\/li>\n<li>Updated noUISlider to latest version<\/li>\n<li>Removed included translations in favor of translate.wordpress.org<\/li>\n<\/ul>\n\n<h4>1.15<\/h4>\n\n<ul>\n<li>Checked compatibility with WordPress 4.6<\/li>\n<li>Improved compatibility with themes and overlay method<\/li>\n<li>A little larger knob on smaller devices<\/li>\n<\/ul>\n\n<h4>1.14<\/h4>\n\n<ul>\n<li>Hopefully finally fixed the theme incompatibility problems.<\/li>\n<\/ul>\n\n<h4>1.13<\/h4>\n\n<ul>\n<li><em>Security Fix<\/em> Updated TGM to latest version<\/li>\n<li>Improved theme compatibility<\/li>\n<\/ul>\n\n<h4>1.12.1<\/h4>\n\n<ul>\n<li>Added link to support forum and rating in administration<\/li>\n<\/ul>\n\n<h4>1.12<\/h4>\n\n<ul>\n<li>(Hopefully) improved performance for hover mode<\/li>\n<li>Updated slider layout to be a little smaller and \"darker\"<\/li>\n<li>Updated icons for shortcode generator<\/li>\n<\/ul>\n\n<h4>1.11.2<\/h4>\n\n<ul>\n<li>Improved description<\/li>\n<li>Added Turkish translaton. Thanks to <a href=\"http:\/\/www.ibrahimmumcu.com\/\">\u0130brahim Mumcu<\/a><\/li>\n<\/ul>\n\n<h4>1.11.1<\/h4>\n\n<ul>\n<li>Removed screenshots from plugin (reduces size)<\/li>\n<\/ul>\n\n<h4>1.11<\/h4>\n\n<ul>\n<li>Added German translation<\/li>\n<li>Added Serbian translation. Thanks to <a href=\"http:\/\/firstsiteguide.com\/\">Ogi Djuraskovic<\/a><\/li>\n<\/ul>\n\n<h4>1.10<\/h4>\n\n<ul>\n<li>Updated noUISlider to 7.0.10<\/li>\n<li>Added better support for localization<\/li>\n<\/ul>\n\n<h4>1.9<\/h4>\n\n<ul>\n<li>Intial public release<\/li>\n<\/ul>","raw_excerpt":"A simple and easy way to compare two images.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/32738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=32738"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/adrian2k7"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=32738"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=32738"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=32738"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=32738"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=32738"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=32738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}