All Projects → kingdido999 → Zooming

kingdido999 / Zooming

Licence: mit
🔍 Image zoom that makes sense.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to Zooming

Medium Zoom
🔎🖼 A JavaScript library for zooming images like Medium
Stars: ✭ 2,799 (+81.99%)
Mutual labels:  image, zoom, no-dependencies, image-zoom
Imageviewer
A simple and customizable Android full-screen image viewer 一个简单且可自定义的Android全屏图像浏览器
Stars: ✭ 1,889 (+22.82%)
Mutual labels:  image, zoom
Zoomy
Adds seamless scrollView and instagram like zooming to UIImageViews in any view hierarchy.
Stars: ✭ 130 (-91.55%)
Mutual labels:  image, zoom
Vue Product Zoomer
Zoom Prodct Image, useful for e-shop website
Stars: ✭ 248 (-83.88%)
Mutual labels:  image, zoom
React Magnifier
🔍 React image zoom component
Stars: ✭ 116 (-92.46%)
Mutual labels:  image, zoom
Stfalconimageviewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures
Stars: ✭ 1,734 (+12.74%)
Mutual labels:  image, zoom
Atgmediabrowser
Image slide-show viewer with multiple predefined transition styles, with ability to create new transitions with ease.
Stars: ✭ 186 (-87.91%)
Mutual labels:  image, zoom
Xzoom
jQuery Zoom Gallery plugin
Stars: ✭ 120 (-92.2%)
Mutual labels:  image, zoom
React Image Magnify
A responsive image zoom component designed for shopping sites.
Stars: ✭ 391 (-74.58%)
Mutual labels:  image, zoom
Amplify
A tiny script allowing inline image zoom
Stars: ✭ 458 (-70.22%)
Mutual labels:  image, zoom
Mediumlightbox
Nice and elegant way to add zooming functionality for images, inspired by medium.com
Stars: ✭ 671 (-56.37%)
Mutual labels:  image, zoom
Extended image
A powerful official extension library of image, which support placeholder(loading)/ failed state, cache network, zoom pan image, photo view, slide out page, editor(crop,rotate,flip), paint custom etc.
Stars: ✭ 1,021 (-33.62%)
Mutual labels:  image, zoom
Flutter advanced networkimage
flutter advanced network image provider
Stars: ✭ 282 (-81.66%)
Mutual labels:  image, zoom
React Zmage
一个基于 React 的可缩放图片控件 | A scalable image wrapper power by react
Stars: ✭ 713 (-53.64%)
Mutual labels:  image, zoom
React Image Zoom
React component for desktop browsers for image zoom on mouse hover
Stars: ✭ 97 (-93.69%)
Mutual labels:  image, zoom
Serverless Image Processor
AWS Lambda image processor
Stars: ✭ 106 (-93.11%)
Mutual labels:  image
Gis
gis (go image server) go 实现的图片服务,实现基本的上传,下载,存储,按比例裁剪等功能
Stars: ✭ 108 (-92.98%)
Mutual labels:  image
Vscam
Photography, Communication & Share - Minimalist picture sharing app.
Stars: ✭ 105 (-93.17%)
Mutual labels:  image
Bimg
Go package for fast high-level image processing powered by libvips C library
Stars: ✭ 1,394 (-9.36%)
Mutual labels:  image
Flutter crop
Crop any widget/image in Android, iOS, Web and Desktop with fancy and customizable UI, in pure Dart code.
Stars: ✭ 107 (-93.04%)
Mutual labels:  image

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].