Description
Simple Before After Image Slider 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, designers comparing visuals, and marketers highlighting transformations.
🚀 Key Features:
– Responsive and fast-loading before/after slider.
– Works with Gutenberg, Elementor, and Classic Editor.
– SEO-friendly and lightweight.
– No dependencies – clean, optimized code.
💡 How to Use
Simply insert the following shortcode into any post, page, or widget: [before_after_slider before=»URL_BEFORE» after=»URL_AFTER»]
For multiple comparisons, add separate shortcodes: [before_after_slider before=»URL1″ after=»URL2″] [before_after_slider before=»URL3″ after=»URL4″]
🌟 Powered By:
This plugin is developed by ThePresetsRoom – a hub for professional photo editing.
Dependencies
This plugin uses the open source library img-comparison-slider.
- GitHub repository: https://github.com/sneas/img-comparison-slider
- Source file used: https://github.com/sneas/img-comparison-slider/blob/master/packages/img-comparison-slider/src/index.ts
- License: MIT
The compiled version of the component is used in this plugin. All credit to the original authors.
Installation
- Upload the plugin folder to
/wp-content/plugins/ - Activate via Plugins > Installed Plugins
- Use
[before_after_slider before="" after=""]wherever you want.
FAQ
-
Can I use this with Elementor or Gutenberg?
-
Yes! Just insert the shortcode into a Shortcode block or widget.
-
Does it support multiple before/after comparisons?
-
Yes! Just use multiple
[before_after_slider]shortcodes. -
Will this slow down my website?
-
No! The plugin is lightweight, optimized, and does not include unnecessary dependencies.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Simple Before After Image Slider” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Simple Before After Image Slider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release