Image Magnifier using CSS and JavaScript

by Tom Mullaly on June 30, 2004

The Image Magnifier is a pretty cool combination of CSS and JavaScript. Basically nowadays we have come to the point where any programmer with a creative idea is empowered to make things that are incredibly helpful, fun and potentially enriching— or a combination of all three!

Almost anything you can imagine in the visual realm can be presented on a webpage, and since the distribution, finding and consumption of creative efforts is not a problem anymore for anyone with an Internet connection, the possibilities that are opened up in this brave new world of digital media are, as they say, endless. That’s right, I’m that inspired by this interesting magnifying glass effect over book binding at the link above!

Be Sociable, Share!

{ 13 comments… read them below or add one }


I am interested in the magnifier code. How can I go about getting it?


i like to have the code,



I need a js for image magnifier in js. Can u pls help m out in this.


I want to have the image magnifier to magnify the image in a specific area.How can i get that?


hello i have a image.i want to put a magnifier on image.can u pls help me out to getting it in javascript

Dr Gautam Bose

I want to have the image magnifier software to magnify the image in a specific area. Pl respond.


I am interested in the Image Magnifier using CSS and JavaScript code. Is it available for purchase?


Is the code available?


there is the same question, is this code available ?


Your magnifier looks good – it’s a cleaner implementation than others i’ve seen, and an interesting approach as well.

I’d like to fiddle with it a bit and will share back if i can adapt it to work a little differently.

Nice original work, many thanx for showing and sharing!


I am working on a museum website where I would like to display a historic document and allow people to use the magnifier. Would it be possible to view your code?
Thank You!


I really need the code for this. It’s exactly what I’ve been looking for. Please help me. Thank you in advance.


The code is in the page people. View the source.

Leave a Comment

Previous post:

Next post: