Comments on: Adding a magnifier to images with CSS and JavaScript

By: Jimbo

Jimbo — Wed, 19 May 2010 23:14:18 +0000

Hi Joy, I think simpleviewer uses Flash to display Flickr images, so it wouldn’t work with this javascript.

By: Joy

Joy — Wed, 19 May 2010 23:00:17 +0000

Great code! Could this be implemented with something like simpleviewer that I use to display my flickr images on the website?

By: createmo

createmo — Sun, 02 Nov 2008 13:45:11 +0000

Thank you for your website
I made on photoshop backgrounds for myspace,youtube and even more
my backgrounds:http://tinyurl.com/5cy5cq
have a great day and thank you again!

By: Jim

Jim — Tue, 08 Jul 2008 00:01:07 +0000

Hi Jennifer,

It’s hard to say without seeing an example. Does my example above work in IE for you?

By: Jennifer

Jennifer — Mon, 07 Jul 2008 23:35:19 +0000

Mine isn’t working IE. I’m assuming I zigged when I should have zagged. Thoughts?

By: Tom

Tom — Fri, 20 Jun 2008 12:52:40 +0000

That’s very cool I like it. Don’t know where I’d use it just yet, but I’m sure I’ll think of something Very cool.

By: Rich

Rich — Thu, 03 Apr 2008 20:00:34 +0000

Is it possible to convert this script to follow the mouse without the need to hold down a button and drag? I love the script! The Gap owned sites (i.e. piperlime.com) use something very similar to MagicZoom (formerly luckyzoom). I also like the notes you can leave, very nice! The port cities script is almost 100% what I am looking for, just wanted to see it follow the mouse rather than drag the square once I’ve toggled on the feature, keep up the GREAT WORK!

By: fizik

fizik — Fri, 21 Mar 2008 13:16:35 +0000

Very good job !

By: Gav

Gav — Tue, 26 Feb 2008 14:04:17 +0000

Hi Jim,
Thanks again for your quick and helpful response. However, I am unable to get this to work (sadly I’m not a JS expert!) as I need it to and also have a couple more questions. Could I contact you via a private email address, I have included mine on the contact form. Thanks again Gav

By: Jim

Jim — Tue, 19 Feb 2008 23:02:42 +0000

Hi Gav, The large image is loaded by the init() method, which is attached to the window onload event in my example. But you can change that, if you wish. Change the line addEvent(window, 'load', function() {…}) to addEvent(DOMnode, 'click', function(){…}) where you'd replace DOMnode with a reference to the element that you want to listen for clicks on – it could be 'window', for example. That would mean, of course, that the user would have to wait for the magnifier to initialise after clicking the mouse. The buttons and magnifier functions are not available until after the large image has downloaded.