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

---

搜索插件

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

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

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

# Wicker Wings DabKrabe – Before After Image Comparison Block

 作者：[Wataru Kanzaki](https://profiles.wordpress.org/dab/)

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

 * [详情](https://cn.wordpress.org/plugins/dabkrabe/#description)
 * [评价](https://cn.wordpress.org/plugins/dabkrabe/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/dabkrabe/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/dabkrabe/#developers)

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

## 描述

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.

## 区块

该插件提供了 1 个区块.

 *   DabKrabe Image Comparison Block.

## 安装

 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

## 常见问题

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

## 评价

此插件暂无评价。

## 贡献者及开发者

「Wicker Wings DabKrabe – Before After Image Comparison Block」是开源软件。 以下
人员对此插件做出了贡献。

贡献者

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

[帮助将「Wicker Wings DabKrabe – Before After Image Comparison Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/dabkrabe)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/dabkrabe/)，查看[SVN仓库](https://plugins.svn.wordpress.org/dabkrabe/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/dabkrabe/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/dabkrabe/)。

## 更新日志

#### 1.0.3

 * Tested on 6.6.1
 * Update README, attached screenshots.

#### 1.0.2

 * Release

## 额外信息

 *  版本 **1.0.3**
 *  最后更新：**2 年前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.1 或更高版本 **
 *  已测试的最高版本为 **6.6.5**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/dabkrabe/)
 * 标签
 * [before after](https://cn.wordpress.org/plugins/tags/before-after/)[compare](https://cn.wordpress.org/plugins/tags/compare/)
   [comparison](https://cn.wordpress.org/plugins/tags/comparison/)[image](https://cn.wordpress.org/plugins/tags/image/)
   [photo](https://cn.wordpress.org/plugins/tags/photo/)
 *  [高级视图](https://cn.wordpress.org/plugins/dabkrabe/advanced/)

## 评级

尚未提交反馈。

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

[查看全部评论](https://wordpress.org/support/plugin/dabkrabe/reviews/)

## 贡献者

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

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/dabkrabe/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://paypal.me/wickerwings)