FancyZoom – Smooth JavaScript Image Zooming

by John Ankarström on June 13, 2009

in Tools

FancyZoomEver wanted those fancy image zoomers on your website? Via Gustav Holmström I’ve found FancyZoom, a nice JavaScript image zoomer.

FancyZoom is easy to set up. First upload the two files in this zip to your website root. Insert these lines between your <head> and </head>:

<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>

Then, in your <body>, insert onload="setupZoom()", like <body onload="setupZoom()">.
And it’s done! All you have to now is link your images! Try the image above and see how it works!

Spread some love:
  • Digg
  • StumbleUpon
  • Tipd
  • del.icio.us
  • Twitter
  • Facebook
  • Tumblr
  • Ping.fm
  • Google Bookmarks
  • Technorati
  • E-mail this story to a friend!
  • RSS

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: WordPress 2.8 Release Date

Next post: Where have I been?