Hi,

Basically my query is i want to have multiple image rollovers working so below is the code where i have 3 images but when i click on the image on web it only shows me 2nd picture but doesnt show 3rd picture.

I want when i do a mouse over on the image it should starts to change again and again until i remove the mouse from the image.

Below is my some sample code.

I would be grateful if somebody help me out.



Code:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 

  Rollimage = new Array()

  Rollimage[0]= new Image(121,153)
  Rollimage[0].src = "car1.jpg"

  Rollimage[1] = new Image(121,153)
  Rollimage[1].src = "car2.jpg"

  Rollimage[2] = new Image(121,153)
  Rollimage[2].src = "car3.jpg"


  function SwapOut(){
for (i=0; i< Rollimage.length; i++)
{
    document.Rupert.src = Rollimage[i].src;
}
	i++;
    return true;
  }

  function SwapBack(){
    document.Rupert.src = Rollimage[0].src; 
    return true;
  }


</SCRIPT>
</HEAD>

<BODY>
<IMG SRC="car1.jpg"
  NAME="Rupert"   
  WIDTH=121  
  HEIGHT=153  
  BORDER=0   onmouseover="SwapOut()"
  onmouseout="SwapBack()">
</A> 
</P>
<p>test</p>
</BODY>
</HTML>
Thanks,
Regards,