Wataru Kanzaki

<p>You can easily create a block that allows visitors to compare and view two images using a slide bar. You can view it in fullscreen and see a larger image for comparison.</p>
<p><a href="https://wickerwings.jp/" rel="nofollow ugc">See Demos</a></p>
<h4>Feature</h4>
<ul>
<li>Image display size can be specified</li>
<li>Changing the slider movement direction vertically and horizontally</li>
<li>Edit border style</li>
<li>Edit slidebar color</li>
<li>Fill in the captions</li>
<li>Fill in the description</li>
<li>Fullscreen display</li>
</ul>
<h4>Notes</h4>
<ul>
<li>Editing slidebar color is not supported on WordPress 6.1</li>
<li>If the browser does not support fullscreen, the image will be displayed in the full window. At that time, a fixed menu specific to the WordPress theme may be displayed.</li>
</ul>
<h3>Usage</h3>
<ul>
<li>Choose the left and right images from the image select buttons.</li>
<li>You can change preview mode and edit mode from the icon on the editing toolbar.</li>
<li>Some styles while editing are only applied in the preview mode.</li>
</ul>


Wicker Wings DabKrabe – Before After Image Comparison Block

Marcel CL

<p><strong>Simple Before After Image Slider</strong> is a minimalistic and lightweight plugin that allows you to display before/after image comparisons anywhere on your WordPress site. Perfect for photographers showcasing <strong>photo edits</strong>, designers comparing visuals, and marketers highlighting transformations.</p>
<p>🚀 <strong>Key Features:</strong><br />
– Responsive and fast-loading before/after slider.<br />
– Works with Gutenberg, Elementor, and Classic Editor.<br />
– SEO-friendly and lightweight.<br />
– No dependencies – clean, optimized code.</p>
<h3>💡 <strong>How to Use</strong></h3>
<p>Simply insert the following shortcode into any post, page, or widget: [before_after_slider before=”URL_BEFORE” after=”URL_AFTER”]<br />
For multiple comparisons, add separate shortcodes: [before_after_slider before=”URL1″ after=”URL2″] [before_after_slider before=”URL3″ after=”URL4″]</p>
<p>🌟 <strong>Powered By:</strong><br />
This plugin is developed by <a href="https://thepresetsroom.com" rel="nofollow ugc">ThePresetsRoom</a> – a hub for professional photo editing.</p>
<h3>Dependencies</h3>
<p>This plugin uses the open source library <code>img-comparison-slider</code>.</p>
<ul>
<li>GitHub repository: https://github.com/sneas/img-comparison-slider</li>
<li>Source file used: https://github.com/sneas/img-comparison-slider/blob/master/packages/img-comparison-slider/src/index.ts</li>
<li>License: MIT</li>
</ul>
<p>The compiled version of the component is used in this plugin. All credit to the original authors.</p>


Simple Before After Image Slider

Easily display before/after image comparisons with a lightweight and responsive slider. Perfect for photographers, creatives, and visual marketers.

Wicker Wings DabKrabe – Before After Image Comparison Block vs Simple Before After Image Slider