zooming

? Image zoom that makes sense.

Github stars Tracking Chart

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 飴村.

Main metrics

Overview
Name With Ownerkingdido999/zooming
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 2)
Platform
License:MIT License
所有者活动
Created At2016-10-27 04:13:52
Pushed At2024-08-17 13:55:32
Last Commit At2024-08-17 06:55:32
Release Count87
Last Release Name2.1.1 (Posted on )
First Release Name0.3.1 (Posted on )
用户参与
Stargazers Count1.6k
Watchers Count32
Fork Count120
Commits Count823
Has Issues Enabled
Issues Count86
Issue Open Count17
Pull Requests Count212
Pull Requests Open Count0
Pull Requests Close Count38
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private