image-zoom

Zoom an image to full-screen, as seen on Medium.com. It uses transforms for buttery smoothness, but should still work on older browsers given polyfills for classList & bind. Demo here

Installation

Install using Duo or NPM for use with browserify.

``
$ npm install image-zoom
`

`
var Zoom = require('bmcmahen/image-zoom');
`

or use the standalone build in dist using the global Imagezoom.

API

You can use markup (much like Bootstrap) for initiating zoom on certain elements.

`html


`

Or you can use the javascript API, like in the example below.

`html



`

$3

Zoom in.

$3

Zoom out.

$3

Enable the overlay when zooming into the image.

$3

Set the padding of the zoomed image.

$3

Use a plugin.

Events

$3

`javascript
var zoom = require('image-zoom');
var z = zoom(document.querySelector('img'));
z.on('shown', function(){
// our element is zoomed in
});
``

License

MIT