Title: Image Comparison Block
Author: Achal Jain
Published: <strong>2020 年 10 月 21 日</strong>
Last modified: 2021 年 10 月 12 日

---

搜索插件

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

![](https://ps.w.org/image-comparison-block/assets/icon-256x256.png?rev=2404118)

# Image Comparison Block

 作者：[Achal Jain](https://profiles.wordpress.org/ibachal/)

[下载](https://downloads.wordpress.org/plugin/image-comparison-block.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/image-comparison-block/#description)
 * [评价](https://cn.wordpress.org/plugins/image-comparison-block/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/image-comparison-block/#developers)

 [支持](https://wordpress.org/support/plugin/image-comparison-block/)

## 描述

A block to let your visitors compare between two images. After, before, horizontal,
and vertical comparison.

### FEATURES

 * Visibility Ratio
 * Orientation – Horizontal, Vertical
 * Handle movement control – Swipe, Click, Hover
 * Custom labels for before and after
 * Label position and styling options
 * Overlay

## 区块

该插件提供了 1 个区块.

 *   Image Comparison A block to let your visitors compare between two images. After,
   before, horizontal, and vertical comparison.

## 常见问题

### Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

### Where can I report bugs or contribute to the project?

To report bugs or to contribute, headover to the [GitHub repository](https://github.com/AchalJ/image-comparison-block)

## 评价

![](https://secure.gravatar.com/avatar/7f8b44d8f8e5b4b65983754fa1eb2d9f3861abb716d5fa786be990fe96911d8c?
s=60&d=retro&r=g)

### 󠀁[Excellent work Great plugin](https://wordpress.org/support/topic/excellent-work-great-plugin-3/)󠁿

 [luannguyenminh](https://profiles.wordpress.org/luannguyenminh/) 2024 年 6 月 13
日

The small problem is Warning: This plugin has not been tested with your current 
version of WordPress.

![](https://secure.gravatar.com/avatar/accbc5ab550bef884c10543567062ba93964680b1998de1e2b133baac86d5a79?
s=60&d=retro&r=g)

### 󠀁[Great plugin, works like a charm](https://wordpress.org/support/topic/great-plugin-works-like-a-charm-22/)󠁿

 [sjoerdbooij](https://profiles.wordpress.org/sjoerdbooij/) 2021 年 3 月 28 日

As said in the title, this plugin works great and does exactly what it’s supposed
to do. I am wondering if the support will be good when new updates for Wordpress
come out. Will it be maintained when Wordpress updates and the plugin stops working?
Right now it works like a charm but would love to hear about future update plans.

![](https://secure.gravatar.com/avatar/93675b5dd86a0df8212f0ceb415a046a5c241b5acc1a3d470b9ffbb59f0f3a86?
s=60&d=retro&r=g)

### 󠀁[Small but powerfull](https://wordpress.org/support/topic/small-but-powerfull-2/)󠁿

 [AlfredG](https://profiles.wordpress.org/alfredg/) 2020 年 10 月 23 日

It’s very small but what a beauty. Simple to use Customizable so it fits any theme
One of the few that works Resposive I like this very much already after implementing
it for 1 day on many photo’s. Thank You for this little gem!

![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e?
s=60&d=retro&r=g)

### 󠀁[Works Perfectly !](https://wordpress.org/support/topic/works-perfectly-2109/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2020 年 10 月 21 日

My only regret is that I cannot give it 10 stars !!! I can’t imagine what else can
be done to make it better (and keeping it as simple to use as possible), well, maybe
to be able to make me a cup of coffee… Thank you for this block plugin, much needed…

 [ 阅读所有4条评价 ](https://wordpress.org/support/plugin/image-comparison-block/reviews/)

## 贡献者及开发者

「Image Comparison Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Achal Jain ](https://profiles.wordpress.org/ibachal/)
 *   [ Rich Tabor ](https://profiles.wordpress.org/richtabor/)

[帮助将「Image Comparison Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/image-comparison-block)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.0.1 – October 12, 2021

 * Updated block and toolbar before/after control icons (props @richtabor)
 * Re-arranged controls in setting panel (props @richtabor)

#### 1.0.0 – October 20, 2020

 * Initial release

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**5 年前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 5.3.2 或更高版本 **
 *  已测试的最高版本为 **5.8.13**
 *  PHP 版本 ** 7.0.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/image-comparison-block/)
 * 标签
 * [after](https://cn.wordpress.org/plugins/tags/after/)[before](https://cn.wordpress.org/plugins/tags/before/)
   [block](https://cn.wordpress.org/plugins/tags/block/)[comparison](https://cn.wordpress.org/plugins/tags/comparison/)
   [slider](https://cn.wordpress.org/plugins/tags/slider/)
 *  [高级视图](https://cn.wordpress.org/plugins/image-comparison-block/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  4 条 5 星评价     ](https://wordpress.org/support/plugin/image-comparison-block/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/image-comparison-block/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/image-comparison-block/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/image-comparison-block/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/image-comparison-block/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/image-comparison-block/reviews/)

## 贡献者

 *   [ Achal Jain ](https://profiles.wordpress.org/ibachal/)
 *   [ Rich Tabor ](https://profiles.wordpress.org/richtabor/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/image-comparison-block/)