Descripción
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.
Instalación
- Upload the plugin folder to
/wp-content/plugins/ - Activate via Plugins > Installed Plugins
- Use
[before_after_slider before="" after=""]wherever you want.
Preguntas frecuentes
-
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.
Reseñas
No hay reseñas para este plugin.
Colaboradores y desarrolladores
Este software es de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores
Traduce “Simple Before After Image Slider” a tu idioma.
¿Interesado en el desarrollo?
Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.0.0
- Initial release