拖动和滑动后滑动
上传 之前 並 之后 images,每个都有自己的标签和图像分辨率。in 设置, 可见比率(%) 设置手柄开始的位置, 方向 是水平(默认)或垂直,并且 叠加 显示或隐藏标签。 移动手柄 是鼠标拖动/滑动在免费插件。主插件专业添加鼠标移动,其中手柄跟随光标,鼠标点击。
- 在桌面和触摸屏上拖动和滑动工作。
- 偏离中心启动手柄以突出显示结果。
- 使用相同像素尺寸的图像,使两侧对齐。
可定制覆盖和清晰标签
打开 叠加 要显示图像上的前后标签。覆盖样式部分具有 Normal 和 Hover 背景。 标签 section分别用颜色、排版、边框、边框半径、边距和填充物对每一面进行样式,因此可以将“前”和“后”更改为“旧”和“新”或任何其他词。
- 任何语言的自定义标签文本。
- 标签前后的单独样式。
- 悬停上的不同覆盖背景。
专业手柄和容器造型
的 手柄 部分设置普通和悬停的车把颜色和尺寸、车把箱宽度和高度以及图标颜色、边框和边框半径。 布局风格 在整个滑块周围添加边框、填充物和边距。容器上的边框半径和框影是 Master Addons Pro 选项。
- 将手柄颜色与您的品牌相匹配。
- 细条,带有圆形手柄盒,外观干净。
- Pro 的容器上圆角和阴影。
图片比较:免费与专业版
Elementor 在其免费或 Pro 插件中没有前后小部件,以下是免费的主插件小部件包含的内容以及 Pro 添加的内容。
| 特点 | 免费的 | 硕士插件专业版 |
|---|---|---|
| 带有标签的图像之前和之后 | 是的 | 是的 |
| 水平和垂直方向 | 是的 | 是的 |
| 可见比率起点 | 是的 | 是的 |
| 鼠标拖动/滑动手柄 | 是的 | 是的 |
| 鼠标移动和鼠标单击句柄 | 否 | 是的 |
| 处理、标记和覆盖造型 | 是的 | 是的 |
| 集装箱边框半径和盒子阴影 | 否 | 是的 |
对于大多数滑块前后来说,免费版就足够了。当您希望手柄跟随光标或需要圆角和阴影而无需自定义 CSS 时,Pro 很有意义。要在一张图像上添加注释,请参阅 图片热点 (专业版)。
用于图像比较的常见问题
图像比较小部件免费吗?
是的。该小部件免费,包含拖动和滑动、标签、方向和手柄造型。Master Addons Pro 添加了鼠标移动和鼠标点击手柄以及容器边框半径和盒子阴影。
它在手机上有效吗?
是的,带有免费的鼠标拖动/滑动手柄。访问者滑动以移动分隔符。Pro 鼠标移动选项依赖于悬停,因此在触摸屏上不起作用。
Elementor 有滑块前后吗?
No。free 元素器或元素器 Pro 都未包含图像比较或小部件前后,因此您需要一个插件,例如此插件。
我应该何时使用垂直方向?
Vertical用于高大图像,如全身人像、建筑立面或长截图,前图坐上,后图坐下,上下手柄。
使用两个高分辨率图像会减慢我的页面速度吗?
It can,如果图像非常大。明智地使用图像分辨率设置(例如,“Large”而不是‘Full’),并且在上传之前始终优化您的图像以获取网页。元素本身很轻量级,但图像文件大小是性能的主要因素。
我可以比较两个以上的图像吗?
No。每个小部件比较两个图像。对于更多对,每对添加一个小部件或显示几张图像在 图片旋转木马.
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
