toggle images on MouseOver

the problem:
i want an image on my website to toggle between two states everytime the user drags the mouse over it.

i've written the following script:
<script language="javascript">
<!--
var imgvec = new Array("img/img1.gif", "img/img2.gif");

function toggle(source, imgsrc1, imgsrc2)
{
if(source.src == imgvec[imgsrc1])
{
source.src = imgvec[imgsrc2];
return;
}

source.src = imgvec[imgsrc1];
}
//-->
</script>

my image-tag is like this:
<img src="img/img2.gif" onMouseOver="toggle(this, 0, 1)">

when i drag the mouse over the image the first time, it changes to img1.gif correctly. the second time i drag over the image it does not change back. the if() block is never executed...

has anyone an idea why?

I think else condition is missing

the else condidtion has nothing to do with it. This is not a JavaScript problem. You need an onMouseOut="toggle(this, 1, 0)" in your <IMG> tag.

The browser won't run your JS statement when the mouse leaves the graphic because you haven't told it to using onMouseOut. Try that and your problem should get fixed.

-K

------------------
Writing a haiku,
in seventeen syllables,
is very diffi--