ASP.NET - zoom and enhance image in asp.net - Asked By msakt on 24-May-12 08:17 AM

zoom and enhance image in asp.net for preview image
Somesh Yadav replied to msakt on 24-May-12 08:23 AM

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

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


Jitendra Faye replied to msakt on 24-May-12 08:24 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.

 

dipa ahuja replied to msakt on 24-May-12 10:55 AM
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" />