FancyBox – Fancy image zooming tool

6 Comments 4th JUN 2008 | Posted by Tomislav Bilic in Tools

FancyBox – Fancy image zooming tool

There are many Lightbox clones this days. Some are fancier, some are lighter, some use jQuery, some do not. In this wast set of options, I found one I think I will prefer from today: FancyBox – fancy image zooming tool

It is based on jQuery and is a cool alternative to existing solutions. Here are some features:

  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the zoomed item
  • Groups related items and adds navigation through them (uses preloading)
  • Can display images, inline and iframed content
  • Customizable through settings and CSS

Other Lightbox alternatives I found are:

If you like what you read, please share it.

  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
  • LinkedIn
  • Netvibes
  • NewsVine
  • Sphinn
  • Tumblr
  • Posterous

To post code in comments, place your code inside [code] and [/code] tags.

There are 6 comments (Add Yours +)

  • A different approach, but I don’t think it’d work well on all sites (like Lightbox does) because it doesn’t darken the rest of the page, just adds a small dropshadow, and this won’t make enough contrast between certain images and webpages.

    One of my favorite lightbox clones is Thickbox, except I can’t remember at the moment why I chose Lightbox over it on my site.

  • Tomislav Bilic Says

    Hi. You are correct about the contrast, but I believe that can be sorted custom via CSS. I’ll give it a try in the next few days and see how it goes. Btw. Thanks for Thickbox note. I forgot about it although I have used it before. I added it to the list now!

  • Hello,

    is there any tutorial to plug in The FanyBox in Magento?

    Thank you for your answer.

    Radi

  • Hi Radi,

    Sorry for late reply. I didn’t notice your question before. Although FancyBox looks great, it isn’t the best solution for Magento as it is based on jQuery framework. It is better that you try to find some prototype based zooming tool.

    Btw. I encountered one similar looking once called FancyZoom: http://www.cabel.name/2008/02/fancyzoom-10.html This one doesn’t not require any library for using.

  • Hi Tomislav –

    I know this thread is a long time ago!

    However I came across it when trying to find how to incorporate FancyBox into Magento-
    Is there a reason would you advise against using a jQuery dependant lightbox, does it slow it down?

    Thanks in advance-
    Shaun

  • Hey Shaun,

    jQuery is very demanding with the JS requirements. Since Magento is built upon Prototype, the file burden of including both libraries are better to be avoided in our opinion.

Leave a Comment

Please wrap all source codes with [code][/code] tags.
Magento Design and Development | Magento SEO | iPhone Application Development Web Application Development with ZEND | WordPress Ecommerce | WordPress development
Sitemap

Inchoo - webappsolutions | 2009