FancyZoom, rewritten using Prototype

4 September 2008

Earlier this year Cabel Sasser, co-founder and designer at the incredible software house Panic, released a "Smooth Javascript for Image Zooming For Your Web Pages". The implementation was simple enough, worked really well, and had the desired outcome - which was the ability to "zoom" into images in a smooth, very Mac-like way.

John Nunemaker, of Ordered List, decided that Cabel's implementation of this effect could use some improvement.  Not only was Cabel's "built from scratch", which means to say that he didn't take advantage of any of the Javascript libraries that so many web application developers already have included in their projects, but it also relied on AJAX to load the frame's contents.

What that means exactly, is that Cabel's implementation retrieved the data for the "pop up" window the moment you clicked, whereas John's actually loads all of the "pop up" window's data that he needs on the initial page load.  Obviously both of these methodologies have their place, their pros, and their cons, but it is all about choice, isn't it?

The one thing I do like about John's implementation over Cabel's is that it allows for just about anything to be loaded in the "pop up" window rather than only images.  But this is only a small distinction in that Cabel's code could be easily modified to allow the very same thing.

Now, if someone would take the time to simply port this to jQuery so that I don't have to...

Source: FancyZoom meet Prototype.