Описание
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.
Установка
- Upload the plugin folder to
/wp-content/plugins/ - Activate via Plugins > Installed Plugins
- Use
[before_after_slider before="" after=""]wherever you want.
Часто задаваемые вопросы
-
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.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«Simple Before After Image Slider» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
Перевести «Simple Before After Image Slider» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.0.0
- Initial release