JavaScript
Article
By Sam Deering

Awesome jQuery Magnifier Plugin – ZOOMY

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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
});
--ADVERTISEMENT--

HTML Code


    This is the Display Image

Includes

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?