How to: zoomin/zoomout image in JavaScript

function zoomin() {

document.getElementById('i1').height = 400;

document.getElementById('i1').width = 400;

}

function zoomout() {

document.getElementById('i1').height = 100;

document.getElementById('i1').width = 100;

}

<img src="H.GIF" id="i1" height=100 width=100 onmouseover="zoomin();" onmouseout="zoomout()" />

On mouse over and out calls zoomin and zoomout function respectively.

It will set its height and width.