Wataru Kanzaki

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.
<a href="https://wickerwings.jp/" rel="nofollow ugc">See Demos</a>
<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

Hozefa Saleh

The Before After Slider block allows you to create stunning image comparisons that engage your visitors. Perfect for showcasing transformations, renovations, product improvements, or any visual changes over time.
Key Features:
<ul>
<li>Dual Image Upload: Easy-to-use interface for uploading both “Before” and “After” images</li>
<li>Interactive Slider: Smooth drag-and-drop divider bar for seamless image comparison</li>
<li>Responsive Design: Automatically adapts between desktop and mobile layouts</li>
<li>Customizable Colors: Choose your preferred color for the slider divider and handle</li>
<li>Touch-Friendly: Optimized for both mouse and touch interactions</li>
<li>Accessibility Ready: Built with accessibility best practices in mind</li>
</ul>
Desktop Experience: 
– Vertical divider bar that slides left and right 
– Reveals more or less of the “After” image over the “Before” image 
– Smooth mouse drag interactions
Mobile Experience: 
– Automatically switches to horizontal divider bar on screens under 767px 
– Up and down sliding motion for touch-friendly interaction 
– Maintains smooth performance on mobile devices
Perfect for: 
* Real estate before/after renovations 
* Photography portfolio comparisons 
* Product transformation showcases 
* Website redesign comparisons 
* Medical or cosmetic procedure results 
* Landscape or architectural changes
<h3>Support</h3>
For support and feature requests, please visit our support forum or contact us through the plugin directory.

Responsive Before After Slider Block by Unique Solution

Interactive before and after image comparison slider with responsive design.

Wicker Wings DabKrabe – Before After Image Comparison Block vs Responsive Before After Slider Block by Unique Solution