ASP.NET - image zooming and enhance

image zooming and enhance in asp.net


pls explain briefly

Ajax seadragon control, It has zoom and reset as well as fullscreen feature. 

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Seadragon/Seadragon.aspx

here source url means...can u tell with example

Use this javascript function-

Function

<script type="text/jscript">

var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage)
{
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge))
{
nW=iWideSmall;nH=iHighSmall;
}
else
{
nW=iWideLarge;nH=iHighLarge;
}
whichImage.style.width=nW;
whichImage.style.height=nH;
}
</script>

call this function in onmouseover() Event.

<img alt="" border="0" src="Images/flash.gif" onmouseover="zoomToggle('100px','100px','200px','200px',this);" style="width: 63px; height: 59px"/>

Hope this will help you.

 

Try Below Code :

<script type="text/javascript">
    function Zoom()
    {
        document.getElementById('i1').style.height=400;
        document.getElementById('i1').style.width=450;
    }
    function Original()
    {
        document.getElementById('i1').style.height=100;
        document.getElementById('i1').style.width=150;
    }
</script>

<FORM name="MyForm">
    <img src="<< Write Here Your Correct Image Path >>" name="i1" height="100" width="150" onmouseover='Zoom();' onmouseout='Original();'> </img>
</FORM>


This code will ZOOM your image when your mouse cursor will over on that image....

Hope this will helpful to you....