{"id":227449,"date":"2025-04-11T15:07:32","date_gmt":"2025-04-11T15:07:32","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/simple-before-after-image-slider\/"},"modified":"2025-04-11T15:07:23","modified_gmt":"2025-04-11T15:07:23","slug":"simple-before-after-image-slider","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/simple-before-after-image-slider\/","author":20402199,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"trunk","tested":"6.7.5","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"Simple Before After Image Slider","header_author":"Marcel CL","header_description":"Easily display before\/after image comparisons with a lightweight and responsive slider. Perfect for photographers, creatives, and visual marketers.","assets_banners_color":"938e85","last_updated":"2025-04-11 15:07:23","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/thepresetsroom.com","header_author_uri":"https:\/\/marcelcl.com","rating":0,"author_block_rating":0,"active_installs":30,"downloads":1887,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"rvndojoker","date":"2025-04-11 15:00:38"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3271137,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3271137,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3271137,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3271137,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Basic before\/after image slider","2":"Multiple sliders stacked vertically","3":"Real-world usage with photo presets"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[11619,176050,215,2979,611],"plugin_category":[50],"plugin_contributors":[240684],"plugin_business_model":[],"class_list":["post-227449","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after","plugin_tags-image-comparison","plugin_tags-photo","plugin_tags-photographers","plugin_tags-slider","plugin_category-media","plugin_contributors-rvndojoker","plugin_committers-rvndojoker"],"banners":{"banner":"https:\/\/ps.w.org\/simple-before-after-image-slider\/assets\/banner-772x250.png?rev=3271137","banner_2x":"https:\/\/ps.w.org\/simple-before-after-image-slider\/assets\/banner-1544x500.png?rev=3271137","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/simple-before-after-image-slider\/assets\/icon-128x128.gif?rev=3271137","icon_2x":"https:\/\/ps.w.org\/simple-before-after-image-slider\/assets\/icon-256x256.gif?rev=3271137","generated":false},"screenshots":[],"raw_content":"\n

Simple Before After Image Slider<\/strong> is a minimalistic and lightweight plugin that allows you to display before\/after image comparisons anywhere on your WordPress site. Perfect for photographers showcasing photo edits<\/strong>, designers comparing visuals, and marketers highlighting transformations.<\/p>\n\n

\ud83d\ude80 Key Features:<\/strong>\n- Responsive and fast-loading before\/after slider.\n- Works with Gutenberg, Elementor, and Classic Editor.\n- SEO-friendly and lightweight.\n- No dependencies \u2013 clean, optimized code.<\/p>\n\n

\ud83d\udca1 How to Use<\/strong><\/h3>\n\n

Simply insert the following shortcode into any post, page, or widget: [before_after_slider before=\"URL_BEFORE\" after=\"URL_AFTER\"]\nFor multiple comparisons, add separate shortcodes: [before_after_slider before=\"URL1\" after=\"URL2\"] [before_after_slider before=\"URL3\" after=\"URL4\"]<\/p>\n\n

\ud83c\udf1f Powered By:<\/strong>
\nThis plugin is developed by ThePresetsRoom<\/a> \u2013 a hub for professional photo editing.<\/p>\n\n

Dependencies<\/h3>\n\n

This plugin uses the open source library img-comparison-slider<\/code>.<\/p>\n\n

    \n
  • GitHub repository: https:\/\/github.com\/sneas\/img-comparison-slider<\/li>\n
  • Source file used: https:\/\/github.com\/sneas\/img-comparison-slider\/blob\/master\/packages\/img-comparison-slider\/src\/index.ts<\/li>\n
  • License: MIT<\/li>\n<\/ul>\n\n

    The compiled version of the component is used in this plugin. All credit to the original authors.<\/p>\n\n\n

      \n
    1. Upload the plugin folder to \/wp-content\/plugins\/<\/code><\/li>\n
    2. Activate via Plugins > Installed Plugins<\/em><\/li>\n
    3. Use [before_after_slider before=\"\" after=\"\"]<\/code> wherever you want.<\/li>\n<\/ol>\n\n\n
      \n

      Can I use this with Elementor or Gutenberg?<\/h3><\/dt>\n

      Yes! Just insert the shortcode into a Shortcode block or widget.<\/p><\/dd>\n

      Does it support multiple before\/after comparisons?<\/h3><\/dt>\n

      Yes! Just use multiple [before_after_slider]<\/code> shortcodes.<\/p><\/dd>\n

      Will this slow down my website?<\/h3><\/dt>\n

      No! The plugin is lightweight, optimized, and does not include unnecessary dependencies.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Initial release<\/li>\n<\/ul>","raw_excerpt":"Easily display before\/after image comparisons with a lightweight and responsive slider. Perfect for photographers, creatives, and visual marketers.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/227449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=227449"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rvndojoker"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=227449"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=227449"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=227449"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=227449"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=227449"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=227449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}