Awesome jQuery Magnifier Plugin – ZOOMY

Sam Deering


Hey guys, i stumbled upon this awesome image magnifying zoom plugin which lets you zoom images on a webpage using your mouse like a magnifying glass. You simply click on the image to activate the zoom and then just hover your mouse over the image. I am particularly impressed with how smooth the animation is compared to similar jQuery magnifier plugins that are out there.

See Live Demo

jQuery Code



    zoomSize: 110,
    round: true,
    glare: true,
    zoomText: click to Zoom


<a href="zoomImg.jpg" class="zoom">
    <img src="displayImg.jpg" alt="This is the Display Image" />


<link type="text/css" rel="stylesheet" href="path-to/zoom1.0.css"/>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="path-to/zoomy1.0.js."></script>

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.

  • Creig

    Hello.. where can i find the css. and js. files for this script?