Jquery Image Zoom Plugin – ElevateZoom

Live Demo

1. Basic Zoom

2. Tints Zoom

3. Gallery & Lightbox

4. Inner Zoom

5. Lens Zoom

6. Mousewheel Zoom

You can scroll over the image to zoom in closer!

<h1>Basic Zoom Example</h1>
<img id="zoom_01" src='images/small/image1.png' data-zoom-image="images/large/image1.jpg"/>
<script src='jquery-1.8.3.min.js'></script>
<script src='jquery.elevatezoom.js'></script>
<script>
    $('#zoom_01').elevateZoom({
        zoomType: "inner",
        cursor: "crosshair",
        zoomWindowFadeIn: 500,
        zoomWindowFadeOut: 750
    });
</script>

Source Code

Download

For more Advanced Usages, please check the demo page or visit the official website.