Title: Wicker Wings DabKrabe – Before After Image Comparison Block
Author: Wataru Kanzaki
Published: <strong>July 22, 2024</strong>
Last modified: July 24, 2024

---

Search plugins

![](https://ps.w.org/dabkrabe/assets/banner-772x250.png?rev=3124286)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/dabkrabe_f5e4e5.svg)

# Wicker Wings DabKrabe – Before After Image Comparison Block

 By [Wataru Kanzaki](https://profiles.wordpress.org/dab/)

[Download](https://downloads.wordpress.org/plugin/dabkrabe.1.0.3.zip)

 * [Details](https://pcd.wordpress.org/plugins/dabkrabe/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/dabkrabe/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/dabkrabe/#installation)
 * [Development](https://pcd.wordpress.org/plugins/dabkrabe/#developers)

 [Support](https://wordpress.org/support/plugin/dabkrabe/)

## Description

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.

[See Demos](https://wickerwings.jp/)

#### Feature

 * Image display size can be specified
 * Changing the slider movement direction vertically and horizontally
 * Edit border style
 * Edit slidebar color
 * Fill in the captions
 * Fill in the description
 * Fullscreen display

#### Notes

 * Editing slidebar color is not supported on WordPress 6.1
 * 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.

### Usage

 * Choose the left and right images from the image select buttons.
 * You can change preview mode and edit mode from the icon on the editing toolbar.
 * Some styles while editing are only applied in the preview mode.

## Blocks

This plugin provides 1 block.

 *   DabKrabe Image Comparison Block.

## Installation

 1. Upload the folder ‘dabkrabe’ to your plugin directory, or install the plugin through
    the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

### Is it responsive?

Sure, it is responsive.

### Is it able to be fullscreen?

Yes. Check “Enable Fullscreen” in the toolsbar.
 When you enter preview mode on 
the editing screen or display the public page, an icon to change fullscreen will
be displayed. Tap or click the icon to change fullscreen.

In some environments, the window is displayed to fill the entire window to simulate
a full screen.
 Menus that depend on the WordPress Theme may be displayed.

### What do the blocks look like if I disable or uninstall the plugin?

Display images, captions and descriptions side by side, like “Media & Text”.
 Some
settings are not saved in the HTML code.

**Note** If you convert it to HTML code, you will not be able to edit it again with
the visual editor.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Wicker Wings DabKrabe – Before After Image Comparison Block” is open source software.
The following people have contributed to this plugin.

Contributors

 *   [ Wataru Kanzaki ](https://profiles.wordpress.org/dab/)

[Translate “Wicker Wings DabKrabe – Before After Image Comparison Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/dabkrabe)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/dabkrabe/), check out
the [SVN repository](https://plugins.svn.wordpress.org/dabkrabe/), or subscribe 
to the [development log](https://plugins.trac.wordpress.org/log/dabkrabe/) by [RSS](https://plugins.trac.wordpress.org/log/dabkrabe/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.3

 * Tested on 6.6.1
 * Update README, attached screenshots.

#### 1.0.2

 * Release

## Meta

 *  Version **1.0.3**
 *  Last updated **2 years ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.1 or higher **
 *  Tested up to **6.6.5**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/dabkrabe/)
 * Tags
 * [before after](https://pcd.wordpress.org/plugins/tags/before-after/)[compare](https://pcd.wordpress.org/plugins/tags/compare/)
   [comparison](https://pcd.wordpress.org/plugins/tags/comparison/)[image](https://pcd.wordpress.org/plugins/tags/image/)
   [photo](https://pcd.wordpress.org/plugins/tags/photo/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/dabkrabe/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/dabkrabe/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/dabkrabe/reviews/)

## Contributors

 *   [ Wataru Kanzaki ](https://profiles.wordpress.org/dab/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/dabkrabe/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://paypal.me/wickerwings)