Deskripsyon
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.
Pag-install
- 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.
Mga Review
Wala pang reviews para sa plugin na ito.
Mga Contributor at Developer
Ang “Simple Before After Image Slider” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.
Mga ContributorIsalin ang “Simple Before After Image Slider” sa iyong wika.
Interesado sa development?
Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.
Changelog
1.0.0
- Initial release
