JQuery Zoom In and Out

How to Use Zoom.

Part 1 – Setup
You will need to include these two Javascript files in your header in this order.

<script src="common/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="common/js/jquery.jqzoom1.0.1.js" type="text/javascript"></script>

Include these two CSS file or append your active style sheet with the zoom styles.

<link href="common/css/main.css" type=text/css rel=stylesheet>
<link href="common/js/jqzoom.css" type="text/css" rel=stylesheet>

Part 2 – Activate
1) To activate Zoom we need to follow these steps.

<P>
   <A href="common/image/kawasakigreen.jpg" >
        <IMG style="BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid;" src="common/image/kawasakigreen_small.jpg">
   </A>
</P>

Include class jqzoom and style in anchor