Javascript Fanc Zoom

Simple Image Zoom Effects

Asked by Gina a design student

how do i write code in javascript or html.. for..when i click on the image , the image shoud enlarge


Fancy Zoom

Cabel has released his in-page javascript zoom effect library, as seen on the Panic website.

How to Use:

1. Download the FancyZoom package from Cabel’s Blog http://www.cabel.name/2008/02/fancyzoom-10.html

2.Add the following two lines of code to the section at the top of your web page(s):

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

3.Add onload=”setupZoom()” inside your page’s existing tag. For example:

<body id=”whatever” […] onload=”setupZoom()”>

4. Done! links to images in your page will automatically zoom the images when clicked.