学习定有收获
努力成为大神

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

WordPress 原创插件 国人习惯、简约实用、容易上手【点击了解】

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插件开发 » WordPress 的图片对比插件:Twenty20 Image Before-After

评论 3

  1. #-9

    见解独到,给我脑袋里装了个 “新引擎”,点赞!

  2. #-8

    太赞,已开启 “追文模式”,持续关注!

  3. #-7

    签到,内容实在,像温暖的炉火!

登录

找回密码

注册