{"id":88852,"date":"2018-07-18T04:37:02","date_gmt":"2018-07-18T04:37:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/before-after-images-for-divi\/"},"modified":"2024-12-21T19:45:39","modified_gmt":"2024-12-21T19:45:39","slug":"before-after-images-for-divi","status":"publish","type":"plugin","link":"https:\/\/lt.wordpress.org\/plugins\/before-after-images-for-divi\/","author":12133294,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.3.5","stable_tag":"1.3.5","tested":"6.6.5","requires":"4.6.0","requires_php":"7.1","requires_plugins":null,"header_name":"Before + After Images for Divi","header_author":"Aaron Bolton","header_description":"This extension adds a Divi module that allows the user to create a simple composite Before\/After image from two unique images at a set size.","assets_banners_color":"afa6c2","last_updated":"2024-12-21 19:45:39","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/ko-fi.com\/boltonstudios","header_plugin_uri":"","header_author_uri":"https:\/\/www.boltonstudios.com","rating":5,"author_block_rating":0,"active_installs":3000,"downloads":33351,"num_ratings":10,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0":{"tag":"1.0","author":"BoltonStudios","date":"2018-07-19 06:00:45"},"1.1.0":{"tag":"1.1.0","author":"BoltonStudios","date":"2018-12-31 04:25:20"},"1.1.1":{"tag":"1.1.1","author":"BoltonStudios","date":"2018-12-31 06:40:53"},"1.2.0":{"tag":"1.2.0","author":"BoltonStudios","date":"2019-03-10 09:56:02"},"1.2.1":{"tag":"1.2.1","author":"BoltonStudios","date":"2019-03-10 11:50:11"},"1.2.2":{"tag":"1.2.2","author":"BoltonStudios","date":"2019-03-10 16:24:44"},"1.2.3":{"tag":"1.2.3","author":"BoltonStudios","date":"2019-03-12 22:11:09"},"1.3.0":{"tag":"1.3.0","author":"BoltonStudios","date":"2020-05-02 08:51:20"},"1.3.1":{"tag":"1.3.1","author":"BoltonStudios","date":"2020-05-04 07:17:06"},"1.3.2":{"tag":"1.3.2","author":"BoltonStudios","date":"2020-05-05 13:27:38"},"1.3.3":{"tag":"1.3.3","author":"BoltonStudios","date":"2020-05-21 10:49:33"},"1.3.4":{"tag":"1.3.4","author":"BoltonStudios","date":"2020-06-08 00:14:21"},"1.3.5":{"tag":"1.3.5","author":"BoltonStudios","date":"2024-12-21 19:45:39"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":10},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":1910762,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":1910762,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":1910762,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":1910762,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1.0","1.1.1","1.2.0","1.2.1","1.2.2","1.2.3","1.3.0","1.3.1","1.3.2","1.3.3","1.3.4","1.3.5"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":1910762,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":1910762,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Visual Builder module.","2":"Image size selection."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9562,11617,6808,10731,611],"plugin_category":[],"plugin_contributors":[159382],"plugin_business_model":[],"class_list":["post-88852","plugin","type-plugin","status-publish","hentry","plugin_tags-after","plugin_tags-before","plugin_tags-comparison","plugin_tags-divi","plugin_tags-slider","plugin_contributors-boltonstudios","plugin_committers-boltonstudios"],"banners":{"banner":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/banner-772x250.jpg?rev=1910762","banner_2x":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/banner-1544x500.jpg?rev=1910762","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/icon-128x128.png?rev=1910762","icon_2x":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/icon-256x256.png?rev=1910762","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/screenshot-1.jpg?rev=1910762","caption":"Visual Builder module."},{"src":"https:\/\/ps.w.org\/before-after-images-for-divi\/assets\/screenshot-2.jpg?rev=1910762","caption":"Image size selection."}],"raw_content":"<!--section=description-->\n<p>Create before-and-after image sliders in Divi easily with <em>Before + After Images for Divi<\/em>.<\/p>\n\n<ul>\n<li>Compatible with the Visual Builder.<\/li>\n<li>Compatible with lazy load plugins (excludes slider images).<\/li>\n<li>Supports cropped image sizes (image size selection).<\/li>\n<li>Mobile responsive.<\/li>\n<li>Lightweight.<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<p>This plugin is designed to work with the Divi Builder plugin or a theme such as Divi or Extra by <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=48997&amp;tid1=baie\">Elegant Themes<\/a> (affiliate link).<\/p>\n\n<h4>My Plugins for Divi<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/before-after-images-for-divi\/\">Before + After Images for Divi<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/image-size-selection-for-divi\/\">Image Size Selection for Divi<\/a><\/li>\n<\/ul>\n\n<h4>Supporting Before + After Images for Divi<\/h4>\n\n<p>If you found this free plugin helpful, please support the developer with a small donation:<\/p>\n\n<ul>\n<li><a href=\"http:\/\/ko-fi.com\/boltonstudios\">Buy me a coffee<\/a><\/li>\n<\/ul>\n\n<h4>Credit<\/h4>\n\n<p>Plugin created by Aaron Bolton. <em>Before + After Images for Divi<\/em> brings the power of <a href=\"https:\/\/zurb.com\/playground\/twentytwenty\">TwentyTwenty by ZURB<\/a> to your Divi Builder installation.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload <em>before-after-images-for-divi<\/em> to the \/wp-content\/plugins\/ directory.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Add a new **Before + After Images* module to any Page or Post that uses the Divi Builder.<\/li>\n<li>Add a <strong>Before<\/strong> image and an <strong>After<\/strong> image to the module.<\/li>\n<li>Select an image size in the module under the <strong>Advanced<\/strong> tab.<\/li>\n<li>Click the green check to save the module.<\/li>\n<li>Click the green <strong>Save<\/strong> button in the lower right-hand corner of the screen to Save changes.<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.3.5<\/h4>\n\n<ul>\n<li>Date Updated: 2020-06-08<\/li>\n<li>Bug Fix: Reverted change in maxWidth reference that affected overlay.<\/li>\n<\/ul>\n\n<h4>1.3.4<\/h4>\n\n<ul>\n<li>Date Updated: 2020-06-08<\/li>\n<li>Bug Fix: Changed maxWidth reference in front-end JS function to target the offsetWidth of an object rather than index.<\/li>\n<\/ul>\n\n<h4>1.3.3<\/h4>\n\n<ul>\n<li>Date Updated: 2020-05-21<\/li>\n<li>Bug Fix: Slider will display at default size when the user has not selected a size in the module settings.<\/li>\n<li>Bug Fix: Visual Builder module will render full-size images on load rather than waiting for the component to re-render.<\/li>\n<li>Bug Fix: Slider handle will better align with image clipping on the front-end slider.<\/li>\n<li>Bug Fix: Visual Builder slider images will fall back to full-size when the selected image size is not found.<\/li>\n<\/ul>\n\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Date Updated: 2020-05-05<\/li>\n<li>Bug Fix: Fixed typos in text domain that affected internationalization.<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Date Updated: 2020-05-04<\/li>\n<li>Bug Fix: Fixed error that caused overlay to extend beyond images on the front-end.<\/li>\n<li>Bug Fix: Fixed error affecting extra large (scaled) images in the Visual Builder.<\/li>\n<li>Bug Fix: Edit miscellaneous functions in BeforeAfterIMages.jsx to improve the plugin's Visual Builder module.<\/li>\n<li>Bug Fix: Fixed '$size missing index' error that could appear when WP_DEBUG is true.<\/li>\n<li>New Feature: Added internationalization for more Visual Builder options.<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Date Updated: 2020-05-02<\/li>\n<li>Update: Improved stability, readability and organization of codebase by rewriting many functions.<\/li>\n<li>New Feature: Added attributes to images to support new lazy load exclusions.<\/li>\n<li>New Feature: Replaced placeholder image with default Divi image SVG placeholder.<\/li>\n<li>Tested for compatibility with latest versions of Divi and WordPress.<\/li>\n<\/ul>\n\n<h4>1.2.3<\/h4>\n\n<ul>\n<li>Date Updated: 2019-03-12<\/li>\n<li>Bug Fix: Fixed multiple errors shown when WP_DEBUG is set to 'true'.<\/li>\n<\/ul>\n\n<h4>1.2.2<\/h4>\n\n<ul>\n<li>Date Updated: 2019-03-10<\/li>\n<li>Bug Fix: The composite image will now obey the Image Alignment setting in the Divi module.<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Date Updated: 2019-03-10<\/li>\n<li>Bug Fix: Fixed image loading order on front-end and back-end (Visual Builder).<\/li>\n<li>Bug Fix: Hid srcset and size attributes if none are returned to improve W3C validation.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Date Updated: 2019-03-10<\/li>\n<li>New Feature: Change the default position of the slider.<\/li>\n<li>Acknowledgements: Thank you to @jasonbear on WordPress.org for testing, feature feedback and bug reports.<\/li>\n<li>Bug Fix: Fixed W3C validation error due to a missing numerical value (i.e., \"$size_width\" is not parsing).<\/li>\n<li>Bug Fix: Removed http:\/\/ prefix on placeholder image URL to prevent non-secure image from breaking SSL in Visual Builder.<\/li>\n<li>Bug Fix: Miscellaneous fixes related to lazy load support.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Date Updated: 2018-12-31<\/li>\n<li>Feature Update: Added support for lazy loading scripts. Loading Before + After images will now be properly deferred.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Date Updated: 2018-12-31<\/li>\n<li>New Feature: Change the \"Before\" and \"After\" label text<\/li>\n<li>Bug Fix: Improved compatibility with Jetpack, a3 Lazy Load, and Lazy Load by WP Rocket<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Date Released: 2018-07-18<\/li>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Create before-and-after image sliders in the Divi Visual Builder easily.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/88852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=88852"}],"author":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/boltonstudios"}],"wp:attachment":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=88852"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=88852"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=88852"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=88852"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=88852"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=88852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}