坚持学习
我们一定有收获

WordPress 的图片对比插件:Twenty20 Image Before-After

DeepSeek探索全新的WordPress-AI插件(支持定制功能)点击立即了解

Twenty20 Image Before-After 能够将两张图片重叠放置,通过拖拽或滑动鼠标的方式,让用户可以方便地对比图片相同位置的差异,非常适合展示 “之前” 和 “之后” 的效果,常用于摄影后期教程、化妆品效果展示、产品前后变化等场景。无需编写代码,启用插件后会在编辑界面增加添加按钮,点击按钮可从媒体库中选择两张图片插入到文章中,即可快速实现图片对比效果。

主要特点

  • 响应式设计 – 在所有设备上完美运行
  • 水平和垂直滑动选项
  • 可定制的滑块位置和方向
  • 自定义“之前”和“之后”标签
  • 可调节的图像宽度和对齐方式
  • 鼠标悬停滑动效果
  • 支持移动设备的触摸
  • 每页多个滑块
  • 侧边栏的 Widget 支持
  • SEO 友好,具有适当的 alt 标签支持
  • 符合辅助功能要求的图像比较

简码参数

  • img1 – 图像 ID。
  • img2 – 图像 ID。
  • offset – 范围从 0.1 到 1.0。
  • direction – horizontal|vertical
  • align – none|right|left 的
  • width – 支持 px 和 %。
  • before (之前) – “before” 标签的文本。
  • after – “after” 标签的文本。
  • hover – true 或 false

获取插件下载

《一生闻》
内容已隐藏,请关注微信公众号 《一生闻》
扫码回复 “提取码” 获取密码查看内容

每日免费下载3次,还剩3次!

内容仅供参考:栈学 » WordPress 的图片对比插件:Twenty20 Image Before-After

评论 抢沙发

登录

找回密码

注册