EasyZoomはエレガントで高度に最適化された画像ズームjQueryプラグイン。タッチ対応デバイスをサポートしており、CSSで簡単にカスタマイズできます。

<div class="easyzoom">
    <a href="images/zoom.jpg">
        <img src="images/standard.jpg" alt="" />
    </a>
</div>

/* Shrink wrap strategy 1 */
.easyzoom {
    float: left;
}
.easyzoom img {
    display: block;
}


/* Shrink wrap strategy 2 */
.easyzoom {
    display: inline-block;
}
.easyzoom img {
    vertical-align: bottom;
}

// Instantiate EasyZoom instances
var $easyzoom = $('.easyzoom').easyZoom();

// Get an instance API
var api = $easyzoom.data('easyZoom');

1. .show([MouseEvent|TouchEvent], [Boolean])
2. .hide()
3. .teardown()
4. .swap(standardSrc, zoomSrc, [srcset])

MIT

• Tag
• Animations
• jQuery