JavaScript Program to Show Large Image on mouse rollover image

JavaScript Program to Show Large Image on mouse rollover image

Write a JavaScript program to Show Large Image on mouse rollover image.



Source Code
<html>
<head>
    <title>Create a rollover images example</title>
    <script>
        function changeImage(im, x)
        {
            arr = document.images
            for(i=0; i<arr.length-1; i++)
            {
                arr[i].border = "0"
            }
            document.getElementById('target').src = im.src
            arr[x].border ="4"
        }
    </script>
</head>
<body>
<center>
    <img src="apple.gif" width="60" onmouseover="changeImage(this, 0)"/>
    <img src="mango.gif" width="60" onmouseover="changeImage(this, 1)"/>
    <img src="grapes.gif" width="60" onmouseover="changeImage(this, 2)"/>
</center>
<br/>
<img src="" id="target" alt="No image selected"/>
</body>
</html>
Output