FancyZoom-javascript image zooming
http://www.cabel.name/2008/02/fancyzoom-10.html
…so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done!
Smooth Javascript Image Zooming For Your Web Pages
This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!
Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’être (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect, almost like it's a function of Safari itself. Since I originally wrote this script, there are now a lot of image zoomers to choose from (including a similar effect now on Apple's own site!), such as the popular (and inspiring) Lightbox. So you might be asking: "Cabel, why use FancyZoom?" Well, here's why!
* Focused on the smoothest, most polished zooming animation possible
* Automatically scales images from any image link, with no HTML changes
* Preloads full-size images in the background on link mouseover
* No resource-heavy Javascript libraries — 100% coded from scratch to zoom
* Draws a nice drop shadow under the full-size image to offset it from the page
* Uses Safari 3's "box-shadow" feature to draw the drop shadow natively, no images required
* Requires only two new lines of code in your HTML
* Tested and works with Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)












Thanks very much for posting this valuable tool, its very slick! I cant wait to try it out on a site in the future.