La verdad es que no se como funciona eso, te he creado yo algo parecido:
Código HTML:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function CambiaImagen(foto,imagen)
{
var img=document.getElementById(imagen);
if(img.src=img.src.substring(img.src.lastIndexOf('/')+1,img.src.length)==foto+'01.jpg')
{
img.src=foto+'02.jpg';
}
else
{
img.src=foto+'01.jpg';
}
}
</script>
</head>
<body>
<img id="imagen" src="flecha01.jpg" alt="flecha" onMouseOver="CambiaImagen('flecha','imagen')" onMouseOut="CambiaImagen('flecha','imagen')" />
</body>
</html> Vas a tener 2 imagenes tipo:
imagen01.jpg
imagen02.jpg
en nuestro caso he hecho un ejemplo con las imagenes flecha01.jpg y flecha02.jpg
con la funcion CambiaImagen pasas los parametros:
"flecha" que es el nombre de la imagen y "imagen" que es el ID de la imagen
Por ejemplo si tuvieras otras 2 imagenes con los nombres:
otraimagen01.jpg
otraimagen02.jpg
y la imagen tuviese la ID paisaje:
CambiaImagen('otraimagen','paisaje');
creo que es bastante facil de utilizar, espero que te sirva ;)