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

Obaid Hossain

<p>Using jQuery TwentyTwenty plugin, you can create draggeable image slider to anywhere in wordpress.<br />
This is only two image slider which contains before image and after image. Give it a try and enjoy!</p>
<p>FEATURES:</p>
<ul>
<li>Use shortcode to create the slider in post/page –<br />
[t20baic id=”<strong>unique-id</strong>” before=”<strong>before-image</strong>” after=”<strong>after-image</strong>“]</li>
<li>To use it in php code –<br />
‘<?php echo do_shortcode(‘[t20baic id=”<strong>unique-id</strong>” before=”<strong>before-image</strong>” after=”<strong>after-image</strong>“]’);?>’</li>
</ul>
<p>Example:</p>
<p>[t20baic id=”manipulation” before=”http://placehold.it/800×400/ManipulationBefore” after=”http://placehold.it/800×400/ManipulationAfter”]</p>


jQuery TwentyTwenty

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!

Wicker Wings DabKrabe – Before After Image Comparison Block vs jQuery TwentyTwenty