EasyZoom, jQuery image zoom plugin

<link href="easyzoom.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="easyzoom.js"></script>

.easyzoom {
    float: left;
}
.easyzoom img {
    display: block;
}

<div class="easyzoom easyzoom--overlay">
    <a href="http://jquery.netid.pl/media/sample/700x500/2.jpg">
        <img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" />
    </a>
</div>

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

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