JavaScript Program to Open rollover image on new window.

JavaScript Program to Open rollover image on new window.

Write a JavaScript program to open rollover image on new window.



Source Code
<html>
<head>
    <title>Open rollover image on new window</title>
    <script>
        function changeImage(x)
        {
            arr = document.images
            if(x == 0) 
            {
                mywindow = window.open('apple.gif', 'mywindow', 'left=50, top=250')
            }
            if(x ==1) 
            {
                mywindow = window.open('mango.gif', 'mywindow', 'left=50, top=250')
            }
            if(x ==2) 
            {
                mywindow = window.open('grapes.gif', 'mywindow', 'left=50, top=250')
            }
        }
    </script>
</head>
<body>
<center>
    <img src="apple.gif" width="60" onmouseover="changeImage(0)" onmouseout="mywindow.close()"/>
    <img src="mango.gif" width="60" onmouseover="changeImage(1)" onmouseout="mywindow.close()"/>
    <img src="grapes.gif" width="60" onmouseover="changeImage(2)" onmouseout="mywindow.close()"/>
</center>
<br/>
</body>
</html>
Output