M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

<p>Use <strong>Image Comparison</strong> plugin & let your visitors compare images to make your website interactive. If you are using WooCommerce or running any eCommerce store on WordPress, this block plugin can be super handy for you and your customers. You can easily use it from WordPress block editor and make your website interactive.</p>
<p><strong>Completely Customizable:</strong> You can customize the images, size, colors, etc to make it suitable for your website design.</p>
<p><strong>Super Light-weight:</strong> No extra resources used and it’s highly optimized for super fast loading & instant Live editing.</p>
<p><strong>Dedicated Support:</strong> We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.</p>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block is brought to you by <a href="https://wpdeveloper.com" rel="nofollow ugc">WPDeveloper</a>, the team behind the most popular elements library <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> (used by almost 1 million+ happy users from 180+ countries).</p>
<h3>👨‍💻 DOCUMENTATION AND SUPPORT</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://essential-blocks.com/docs/" rel="nofollow ugc">documentation</a></li>
<li>To report issue and contribution visit <a href="https://github.com/EssentialBlocks/image-comparison/" rel="nofollow ugc">Github</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/image-comparison/" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a>.</li>
</ul>
<h3>🙌 JOIN THE COMMUNITY</h3>
<p>🎦 Subscribe to our <a href="https://www.youtube.com/wpdevelopernet/?sub_confirmation=1" rel="nofollow ugc">Youtube Channel</a> to watch video tutorials on WordPress.</p>
<p>🤝 Join our <a href="https://www.facebook.com/groups/wpdeveloper.net/" rel="nofollow ugc">Facebook Community</a> & get connected with expert web creators like yourself.</p>
<p>🧡 LOVED Image Comparison Block? Rate us on <a href="https://wordpress.org/support/plugin/image-comparison/reviews/#new-post" rel="ugc">WordPress Repository</a></p>
<p>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</p>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>: Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>: Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>: Most lightweight, customizable & multi purpose theme for WordPress</p>


Image Comparison

Let the visitors compare images & make your website interactive

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>


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