JavaScript
Article

Awesome jQuery Magnifier Plugin – ZOOMY

By Sam Deering

zoomy

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

$(function(){
    $('.zoom').zoomy();                
})(jQuery)

Options

$('.zoom').zoomy({
    zoomSize: 110,
    round: true,
    glare: true,
    zoomText: click to Zoom
});

HTML Code


    This is the Display Image

Includes



  • Creig

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

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.