Wicker Wings DabKrabe – Before After Image Comparison Block

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

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

Contributors & Developers

Changelog

1.0.3

• Tested on 6.6.1
• Update README, attached screenshots.

1.0.2

• Release