Aug5th2008

FancyZoom-javascript image zooming

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.)

1 Response to “FancyZoom-javascript image zooming”


  1. Aug16th2008
    1 PCLicious Video Tutorials Aug 16th, 2008 at 11:50 pm

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

Leave a Reply




Syndicate

Xobni outlook add-in for your inbox

Categories

Archives