Beschrijving
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.
Installatie
- 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.
Beoordelingen
Er zijn geen beoordelingen voor deze plugin.
Bijdragers & ontwikkelaars
“Simple Before After Image Slider” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
Vertaal “Simple Before After Image Slider” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.0.0
- Initial release