图片对比横幅

图像对比横幅用于展示两张不同的图像，以便用户可以通过滑动对比图像之间的差异。此功能适用于展示产品的“前后对比”效果，例如产品升级、改造或清洁前后的效果对比。

配置选项

1. 启用全宽

   • 用途: 启用后，横幅将占据页面的全宽，提供更具视觉冲击力的效果。

2. 图像高度

   • 用途: 设置横幅的图像高度，以像素为单位，调整横幅的视觉大小。

3. 对比方向

   • 用途: 选择图像对比的方向。

     • 水平对比: 左右滑动对比图像。

     • 垂直对比: 上下滑动对比图像。

之前的设置

1. 之前的图像

   • 用途: 上传或选择对比前的图像。这个图像将显示在滑动器的一侧。

2. 之前的标题

   • 用途: 为之前的图像添加标题，如“Before”。

   • 标题颜色: 设置标题的颜色，以确保在图像上可清晰辨认。

之后的设置

1. 之后的图像

   • 用途: 上传或选择对比后的图像。这个图像将显示在滑动器的另一侧。

2. 之后的标题

   • 用途: 为之后的图像添加标题，如“After”。

   • 标题颜色: 设置标题的颜色，以确保在图像上可清晰辨认。

使用注意事项

• 图像选择: 确保上传的图像具有相同的分辨率和比例，以获得最佳的对比效果。

• 标题颜色: 在选择标题颜色时，建议与图像背景形成对比，以增强可读性。

常见问题

1. 对比滑动器不工作: 请确保图像已正确上传，且浏览器支持相关功能。

2. 标题不清晰: 可能需要调整标题颜色或重新选择更合适的图片。