ASP.NET - image zooming and enhance - Asked By msakt on 25-May-12 12:32 AM

image zooming and enhance in asp.net


pls explain briefly
Somesh Yadav replied to msakt on 25-May-12 12:34 AM

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

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

msakt replied to Somesh Yadav on 25-May-12 12:36 AM
here source url means...can u tell with example
Jitendra Faye replied to msakt on 25-May-12 01:04 AM

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.

 

Goniey N (Mr. G) replied to msakt on 25-May-12 02:17 AM
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....
dipa ahuja replied to msakt on 25-May-12 12:14 PM
You can do it quickly with ajaxhoverMenyExtender:
 
<asp:Image ID="imgpopup" runat="server" ImageUrl="~/1.bmp" />
<asp:Image ID="imghover" Height="20" Width="20" runat="server" ImageUrl="~/1.bmp" />
 
<cc1:HoverMenuExtender ID="hm1" runat="server"
TargetControlID="imghover"
PopupControlID="imgpopup"
PopupPosition="Right" />