Skip to main content

Awesome jQuery Magnifier Plugin – ZOOMY

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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



Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.