javascript
comment 0

Create Image Zooming Effect Using Zoom.js

If you are one of the regular readers of Medium, you will notice they have a really clean image zooming effect when you click on the article images. Now you can have this zooming effect on your website too by using Zoom.js jQuery plugin created by Jacob Thornton. Just like Medium, this plugin produces a smooth zooming transitions that reuses Bootstrap transition.js and you can escape the zoom-in mode by clicking anywhere on the webpage, scrolling away or pressing [esc] key on your keyboard. To use zoom.js, simply link zoom.js, zoom.css and transition.js to your website. Last step is to add a data-action="zoom" attribute to the images you want to make zoomable. Hit the button below to learn more about Zoom.js.

View More   View Demo

Filed under: JavaScript

About the Author

Posted by

Sani Halid is a front-end developer at Stampede and is committed to clean and elegant code. Yet another gamer to join the pack, Sani is also the Editor at Constructs where he shares his daily CSS findings and other front-end development goods.

Leave a Reply