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

Wicker Wings DabKrabe – Before After Image Comparison Block

Wataru Kanzaki
Download

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.
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.

1.0.3

  • Tested on 6.6.1
  • Update README, attached screenshots.

1.0.2

  • Release
  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

Reviews

0 out of 5 stars

  • Version: 1.0.3
  • Last updated: 2 months ago
  • Active installations: 0
  • WordPress version: 6.1
  • Tested up to: 6.6.2
  • PHP version: 7.0