Image Comparison Gutenberg Block

Descripció

Image Comparison Gutenberg Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily showcase the Images Comparison. It comes with different styles and settings so that you can easily customize it as per your needs.

Overview See Demos

Key Features

  • Simple, light-weight, and super-fast
  • Built with only Gutenberg Native Components
  • No Block Builder at all
  • 100% Responsive
  • Horizontal & Vertical View
  • Images Comparison Options
    • Before & After Label
    • Comparison start on Hover
    • Horizontal & Vertical Comparison
  • Easy to Use in Gutenberg Editor
  • Drag & Drop Use

About Developer

Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to Contact Me

Captures

Blocs

Aquesta extensió proporciona 1 bloc.

  • Image Compare Showcase Images Comparision with different styles

Instal·lació

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/image-compare-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Simply go to Gutenberg Block Editor and you will find a new block at Media Category named “Image Compare”
  4. Drag and drop to use it.

PMF

Is it responsive?

Sure, it is 100% Responsive

Have you used any block builder?

No, it is built with 100% Gutenberg Native Components only.

How can I use it?

Please follow the video tutorial to see the uses of it.

Ressenyes

19 de juny de 2022
It works perfectly, and has lots of customization options. I am really surprised that it is not more popular. Works perfectly in Gutenberg without any issues. I hope the developer keeps actively updating this plugin because it is perfect
22 de novembre de 2021
This plugin does one thing and it does it better than all the rest! I tried the image compare block included with Jetpack and it caused CLS (Cumulative Layout Shift) Issues on my page. I tried Two other plugins offering image comparison blocks with the same issue. This one just works! Also allows you to change the images once you add the block which the Jetpack block did not. Hope the developer keeps it updated and it becomes the go to image comparison widget!
Llegiu totes les 2 ressenyes

Col·laboradors i desenvolupadors

«Image Comparison Gutenberg Block» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió.

Col·laboradors

“Image Comparison Gutenberg Block” s'ha traduït a 1 configuració regional. Gràcies als traductos per les seves aportacions.

Tradueix “Image Comparison Gutenberg Block” a la teva llengua.

Interessats en el desenvolupament?

Navegueu pel codi, baixeu-vos el repositori SVN, o subscriviu-vos al registre de desenvolupament per fisl de subscripció RSS.

Registre de canvis

1.5.0 – Checking Compatibility with the Latest WordPress version
1.0.0 – Initial Release