<html>
<head>
    <script type=”text/javascript”>

        function min()
       {
       document.getElementById(“my_img”).style.height=”500px”;
       document.getElementById(“my_img”).style.width=”500px”;
       }

       function mout()
       {
            document.getElementById(“my_img”).style.height=”200px”;
           document.getElementById(“my_img”).style.width=”200px”;
       }
    </script>
</head>

<body>

     <img src=”<image_file_name>” onmouseover=”min()” onmouseout=”mout()” width=”200px” height=”200px” id=”my_img”>

</body>
</html>