Fancy Image Zooming With jQuery: FancyBox


Similar to Lightbox, FancyBox, a jQuery powered image zooming script, zooms the images with very nice loading and zoom-in / zoom-out effects.

jQuery Image Zoom


  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the full-size image
  • Image sets to group related images and navigate through them

Basic usage:

$(function() {

    $("div#test_zone a").fancybox();


FancyBox works with the major web browsers and can be configured for different closing effects.

  1. Reply andz April 28, 2008 at 6:03 AM

    actually it`s updated

  2. Reply Jakob November 3, 2008 at 4:33 PM

    Thank you. This script replaces the excellent but somewhat feature-lacking FancyZoom for me.

  3. Reply henry July 29, 2009 at 8:54 AM

    How to implement jquery fancybox in google blogger. anyone help pls.

  4. Reply John Runion August 24, 2009 at 12:39 PM

    Thanks for the great resource…

  5. Reply Vedoza September 2, 2009 at 3:05 AM

    Thanks for the great resource…

  6. Reply Blogger Plug n Play November 10, 2009 at 10:15 AM

    Get Easy Blogger jQuery Tutorials :).This is really nice effect

  7. Reply HelloNingbo June 1, 2010 at 5:14 AM

    Fancy Box gives really nice effect.
    Thanks for the article!

  8. Reply farzad May 8, 2011 at 10:47 PM

    actually very great resource;

Leave a reply