kingdido999 / zooming

πŸ” Image zoom that makes sense.

Home Page:https://kingdido999.github.io/zooming

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

πŸ” Image zoom that makes sense.

https://kingdido999.github.io/zooming

License:MIT License


Languages

Language:JavaScript 80.5%Language:HTML 19.5%