{"id":253783,"date":"2025-11-04T15:11:17","date_gmt":"2025-11-04T15:11:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/before-after-image-gallery\/"},"modified":"2025-11-04T15:10:55","modified_gmt":"2025-11-04T15:10:55","slug":"mg-before-and-after-gallery","status":"publish","type":"plugin","link":"https:\/\/pan.wordpress.org\/plugins\/mg-before-and-after-gallery\/","author":20514335,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.3","stable_tag":"trunk","tested":"6.8.5","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Mg Before and After Gallery","header_author":"","header_description":"Display before and after images with an interactive slider.","assets_banners_color":"","last_updated":"2025-11-04 15:10:55","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":167,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0.0":"<p>Stable initial version with all core features.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Admin settings with image upload and styling.","2":"Frontend example with labels and description.","3":"Vertical orientation slider in action."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[210,250247,250248,250249,611],"plugin_category":[50],"plugin_contributors":[250250],"plugin_business_model":[],"class_list":["post-253783","plugin","type-plugin","status-publish","hentry","plugin_tags-gallery","plugin_tags-mg-before-after-image","plugin_tags-mg-image-comparison","plugin_tags-mg-visual-comparison","plugin_tags-slider","plugin_category-media","plugin_contributors-mgplugin","plugin_committers-mgplugin"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/mg-before-and-after-gallery.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Mg Before and After Gallery<\/strong> lets you visually compare two images using a draggable slider. Great for design changes, transformations, product comparisons, or restoration showcases.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li>Upload before and after images using WordPress Media Library.<\/li>\n<li>Supports horizontal and vertical orientation sliders.<\/li>\n<li>Enable \"Move on Hover\" functionality.<\/li>\n<li>Enable automatic sliding animation.<\/li>\n<li>Add custom overlay labels like \u201cBefore\u201d \/ \u201cAfter\u201d with full styling.<\/li>\n<li>Add title and description with customizable text styles.<\/li>\n<li>Optional \"Read More\" button with custom link, color, size, and hover effects.<\/li>\n<li>Fully responsive and lightweight.<\/li>\n<li>Embed using simple shortcode: <code>[MGBA_before_after_slider id=\"123\"]<\/code>.<\/li>\n<\/ul>\n\n<h3>License<\/h3>\n\n<p>This plugin is licensed under the GPLv2 or later.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Go to <strong>Before After Gallery<\/strong> \u2192 <strong>Add New<\/strong>, upload your images, and configure settings.<\/li>\n<li>Copy the generated shortcode (e.g., <code>[MGBA_before_after_slider id=\"123\"]<\/code>) and paste it into any post, page, or widget.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20i%20use%20multiple%20sliders%20on%20the%20same%20page%3F'><h3>Can I use multiple sliders on the same page?<\/h3><\/dt>\n<dd><p>Yes! Each slider is isolated and can be added using its unique shortcode.<\/p><\/dd>\n<dt id='does%20it%20support%20touch%20and%20mobile%20devices%3F'><h3>Does it support touch and mobile devices?<\/h3><\/dt>\n<dd><p>Yes, the slider is fully responsive and works on touchscreens.<\/p><\/dd>\n<dt id='can%20i%20disable%20the%20hover%20effect%3F'><h3>Can I disable the hover effect?<\/h3><\/dt>\n<dd><p>Yes, there is a toggle to enable or disable hover movement.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release with full feature set.<\/li>\n<\/ul>","raw_excerpt":"A simple, flexible plugin to create responsive before-and-after image comparison sliders with optional labels, titles, and buttons.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/253783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=253783"}],"author":[{"embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mgplugin"}],"wp:attachment":[{"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=253783"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=253783"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=253783"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=253783"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=253783"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pan.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=253783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}