Title: TTM Before After Image
Author: preyantechnosys
Published: <strong>2024 年 1 月 18 日</strong>
Last modified: 2026 年 7 月 1 日

---

搜索插件

![](https://ps.w.org/ttm-before-after-image/assets/banner-772x250.png?rev=3023434)

![](https://ps.w.org/ttm-before-after-image/assets/icon-128x128.png?rev=3023277)

# TTM Before After Image

 作者：[preyantechnosys](https://profiles.wordpress.org/preyantechnosys/)

[下载](https://downloads.wordpress.org/plugin/ttm-before-after-image.1.0.2.zip)

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

 [支持](https://wordpress.org/support/plugin/ttm-before-after-image/)

## 描述

TTM Before After Image is plugin that allows you to easily display a comparison 
between two images by placing them side-by-side. It is very easy to use and does
not require any technical knowledge from the end users. It supports both vertical
and horizontal orientation. This is the best before and after image comparison plugin
to show the differences between two images by placing them side by side.

[Try out the demo](https://themetechmount.com/ttm-before-after/) to see it in action!

**Features**

 * Horizontal / Vertical Orientation
 * Handle movement control – Swipe or Hover
 * Customizable before and after labels
 * Typography and color options
 * Responsive and functional on all devices.
 * Easy and clean user interface.

## 屏幕截图

[⌊screenshot-1 Create Slider⌉⌊screenshot-1 Create Slider⌉[

screenshot-1 Create Slider

[⌊screenshot-2 Add Shortcode⌉⌊screenshot-2 Add Shortcode⌉[

screenshot-2 Add Shortcode

[⌊screenshot-3 Preview Slider⌉⌊screenshot-3 Preview Slider⌉[

screenshot-3 Preview Slider

## 安装

#### Download & Upload:

 1. Download the **TTM Before After Image** plugin (_.zip file_)
 2. In your Admin area, go to the Plugins menu and click on **Add New** button
 3. Click on **Upload Plugin** button and choose the **`ttm-before-after-image.zip`**
    file and click on **Install Now**
 4. Activate the plugin and Enjoy!

#### Manually:

 1. Download and upload the **ttm-before-after-image** plugin to the **`/wp-content/
    plugins/`** directory
 2. Activate the plugin through the Plugins menu in WordPress

Access the sliders by going to ‘TTM Before After’ menu.

## 常见问题

### Does this plugin work with all themes?

Yes, it works with all themes. Just use shortcode and paste wherever you would like
to display.

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

 *   [ preyantechnosys ](https://profiles.wordpress.org/preyantechnosys/)

[帮助将「TTM Before After Image」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/ttm-before-after-image)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.0.0

 * Initial release

#### 1.0.2

 * [Fixed] Some css design issue
 * [Fixed] Some style issue with the RTL layout

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**4 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.6 或更高版本 **
 *  已测试的最高版本为 **7.0.7**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/ttm-before-after-image/)
 * 标签
 * [after](https://cn.wordpress.org/plugins/tags/after/)[before](https://cn.wordpress.org/plugins/tags/before/)
   [before after image comparison](https://cn.wordpress.org/plugins/tags/before-after-image-comparison/)
   [comparison](https://cn.wordpress.org/plugins/tags/comparison/)[image](https://cn.wordpress.org/plugins/tags/image/)
 *  [高级视图](https://cn.wordpress.org/plugins/ttm-before-after-image/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/ttm-before-after-image/reviews/#new-post)

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

## 贡献者

 *   [ preyantechnosys ](https://profiles.wordpress.org/preyantechnosys/)

## 支持

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

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