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
