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?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?