对于照片编辑服务等特定类型的业务，添加图像比较可能是描述您的服务的有用工具。 您可以将图像比较添加到主页、登录页面或您谈论所提供服务的任何页面。
Elementor 确实不提供任何小部件或功能来添加图像比较，但您可以使用附加组件获得它。 还有额外的模块 Elementor 它提供了一个小部件来添加图像比较。 其中三个是： 基本附件, 快乐插件和 JetElements.
在本文中，我们将向您展示如何添加图像比较 Elementor 使用 JetElements。
JetElements 它本身是 Crocoblock 为 Elementor 开发的高级插件。 它是 JetPlugins 家族的一部分。 该插件带有一个名为 比较图像 您可以使用它来将图像比较添加到 Elementor 页面。
如何在 Elementor 中添加图像比较
在开始之前，请确保您已安装并激活了 JetElements 插件。 如果你是 Elementor 的新手，可以阅读我们之前的文章来学习 如何使用元素.
我们将直接添加小部件 比较图像 在本文中。
在开始之前，您可以准备两张图像进行比较。 例如，您可以准备前映像和后映像。 准备好后，只需拖动小部件 比较图像 在 Elementor 编辑框中。
默认情况下，JetElements Image Compare 小部件创建两个图像比较。 如果您只需要创建一个图像比较（要比较的两个图像），您可以删除一个现有的图像比较。
另请参阅： Elementor：如何添加 Lottie 动画
要添加之前和之后的图像，请打开现有图像比较（通过单击它）以编辑 内容。 只需选择上一张图片即可 图片前 部分并选择后的图像 图片后 部分。 如您所见，您还可以覆盖每个部分的标签。
图像选择完成后，您可以打开块 个人设置 设置分隔符的起始位置。 如果要添加多个图像比较，可以设置轮播设置。
然后您可以通过切换到选项卡来设置图像比较样式 样式. 您可以打开五个调整块来设置您的图像比较样式。 但是如果你只需要添加一个图像对比，你只需要打开前三个块。
- 一般
您可以打开此块来设置填充、框阴影、边框类型和边框半径。
- 标签
您可以打开此块来设置比较标签的样式（“之前”和“之后”标签）。 您可以设置水平对齐、垂直对齐、文本颜色、背景颜色、排版（字体系列、字体样式、字体大小）等内容……
- Handle
您可以打开此块来设置手柄的样式。 您可以设置手柄对齐、控件宽度、控件高度、手柄颜色（无论是正常状态还是悬停状态）等。
如果您添加多个图像比较，您还可以打开块 轮播箭头 et 轮播点 设置箭头和导航点的样式。
而已。 你可以点击按钮 PUBLISH / 更新 为 发布 /edit 页面完成编辑后。
立即获取 Elementor Pro ！！！
结论
这里 ！ 这就是本文向您展示的方法 在 Elementor 中添加图像比较. 如果您对如何到达那里有任何疑虑，请告知我们 评论.
但是，您也可以咨询 我们的资源，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建 或者那个 Divi：有史以来最好的WordPress主题.
但与此同时， 在您不同的社交网络上分享此文章.
...
