zooming

? Image zoom that makes sense.

Github星跟踪图

Zooming npm npm bundle size

Image zoom that makes sense.

  • Pure JavaScript & built with mobile in mind.
  • Smooth animations with intuitive gestures.
  • Zoom into a hi-res image if supplied.
  • Easy to integrate & customizable.

Get Started

Try Demo or play with codepen.

Please see Documentation for detailed guide.

Showcase

These projects are using Zooming. Pull requests are welcome!

Caveats / Limitations

  • Avoid working with fixed position images #34.
  • Image won't be visible after zoom-in if any parent element has style overflow: hidden #22.

Contributing

Fork it. Under project folder:

yarn
yarn start

Open up index.html in browser.

Make your changes and submit a pull request!

Test

yarn test

Credit

Inspired by zoom.js and zoomerang. First demo image from Journey. Second demo image journey by 飴村.

主要指标

概览
名称与所有者kingdido999/zooming
主编程语言JavaScript
编程语言JavaScript (语言数: 2)
平台
许可证MIT License
所有者活动
创建于2016-10-27 04:13:52
推送于2024-08-17 13:55:32
最后一次提交2024-08-17 06:55:32
发布数87
最新版本名称2.1.1 (发布于 )
第一版名称0.3.1 (发布于 )
用户参与
星数1.6k
关注者数32
派生数120
提交数823
已启用问题?
问题数86
打开的问题数17
拉请求数212
打开的拉请求数0
关闭的拉请求数38
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?