How to: zoomin/zoomout image in JavaScript

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.