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



Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Creig

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

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

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