Post
Ask Question

ZoomIn & ZoomOut of image on mouse over event

  1. <html>  
  2.    <head>  
  3.       <title>Sample Code</title>  
  4.       <script language='javascript'>  
  5.          function zoomIn ()           
  6.          {           
  7.               document.getElementById('myImage').style.height=350;           
  8.               document.getElementById('myImage').style.width=400;  
  9.          }  
  10.          function zoomOut()           
  11.          {           
  12.               document.getElementById('myImage').style.height=100;           
  13.               document.getElementById('myImage').style.width=150;  
  14.          }           
  15.       </script>  
  16.    </head>  
  17.    <body bgcolor=#00ff00 alink=blue vlink=blue>  
  18.       <FORM name="windowEvent">  
  19.          <img src="D:\551005.JPG" name="myImage" height="100" width="150" onmouseover='zoomIn ();' onmouseout='zoomOut();'> </img>  
  20.       </FORM>  
  21.    </body>  
  22. </html>