jquery zoom and pan
<p>i am using jquery-1.2.6.js and jquery.panFullSize.js two js file to Zoom and Pan image.</p>

<p>here is my html,</p>

<pre><code>&lt;a href="#" id="zoom"&gt;Zoom&lt; /a&gt;

&lt;img src="testimage.jpg" alt="finnish winter" width="600" border="0" 
    usemap="#mypicMap" id="mypic" style="border: medium solid black" /&gt;
</code></pre>

<p>Here is my javascript,</p>

<pre><code>$("img#mypic").panFullSize(700, 450).css("border", "medium solid black");
$("a#zoom").toggle(function(){
        $("img#mypic").normalView();
    },
    function(){
        $("img#mypic").panFullSize();
    }
);
</code></pre>

<p>what i am trying, if i click on the image(mousedown &lt;200 microsecond ) it will zoom in / out (toggle) as zoom hyperlink working. and if i drag(mousedown >200 microsecond ) the image then it will pan as pan working.</p>
