How To Zoom Image On MouseOver Event?

Using Script On MouseOver Event Image Will Zoom By Your Give Size & On Mouse Out It Will Back To It's Original Size....

<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>