用于缩放、预览图像的 JavaScript 库,让你的应用在各种设备上都能看清图像

whiteIn1年前 ⋅ 963 阅读

具体使用方式:当用户单击源图像时加载此图像,指定在缩放时打开的高清图像。

<img src="image-thumbnail.jpg" data-zoom-src="image-hd.jpg" alt="My image" />
  • 响应式 — 在移动设备和桌面上扩展
  • 高性能和轻量级 — 应该能够达到 60 fps
  • 高清支持 — 在缩放时加载图像的高清版本
  • 灵活性 — 将缩放应用于选择的图像
  • 鼠标、键盘和手势友好 — 单击任意位置、按下键或滚动以关闭缩放
  • 事件处理 — 当缩放进入新状态时触发事件
  • 自定义 — 设置您自己的边距、背景和滚动偏移
  • Pluggable — 将您自己的功能添加到缩放中
  • 自定义模板 — 扩展默认外观以匹配您应用的 UI

https://github.com/francoischalifour/medium-zoom

https://medium-zoom.francoischalifour.com/

Demo很流畅,正好需要拿来用

全部评论: 0

    相关推荐