FancyZoom

Smooth Javascript Image Zooming For Your Web Pages

FancyZoom is a Javascript to zoom images inline. It was originally written by Cabel Sasser for his personal blog, and later rolled out to the Panic website and used for screenshots. I've been working on the script to polish it up and make it more robust, and now it's available as a module for you to use on your Drupal website!

FancyZoom Commercial License

FancyZoom is free for non-commercial use. Commercial use requires a one-time license fee. Zoom on over to the FancyZoom website for details!

The FancyZoom Drupal Module

The FancyZoom Drupal Module makes it easy to add fancy image zooming to your Drupal website. The module uses a custom JQuery version of FancyZoom to keep the script small, fast, and cross-browser compatible. And you can use the provided settings form to customize FancyZoom. Change the shadow color or remove it altogether. Change the zooming speed. Show or hide the close box. And more!

Installation Instructions

1. Download the FancyZoom Drupal Module.

2. Copy the module to the appropriate modules folder of your Drupal site (sites/all/modules, sites/default/modules or sites/mysite.com/modules).

3. Download the customized FancyZoom package only available here...

4. Expand the archive, and drop the "fancyzoom" script folder into your fancyzoom module folder on your webserver.

5. If you have an earlier version of FancyZoom installed don't forget to run update.php! If the settings still don't stick, go to the FancyZoom settings page on your web server at admin/settings/fancyzoom and press the Save button.