ZOOM.JS

jQuery plugin for image zooming;

给 HTML <img> 标签 添加 data-action="zoom" 属性

data-action="zoom"

<img src="img/blog_post_featured.png" data-action="zoom">

我的 Demo

Why

It's the best way to zoom an image. It transitions/zooms in really smoothly, and then when you're done, scrolls away, [esc] keys away, clicks away… clean af.

If you hold your meta key (⌘ on mac) or (ctrl on windows), it will open in a new tab. wow.

ps. use a data-original attr to link to a separate image. Just for meta-clicking tho.