Buenas. He estado todo el santo dia con este problema y no acabo con dar la solucion. Quiero hacer un rotador de imagenes, que al pasar el cursor por encima (onmouseover) vaya pasando las imagenes, pero que al quitar el cursor (onmouseout) vuelva a la imagen "principal" o a la primera imagen. Lo que he conseguido es que al pasar el cursor por encima vaya mostrando las imagenes, pero el problema esta en que no para!! al quitar el cursor sigue cambiando imagenes, al estilo banner. Tambien he conseguido que al quitar el cursor se pare y vuelva a la imagen principal, pero al pasar el cursor de nuevo se vuelve loco (vamos una chapucilla). Alguien tiene idea de como hacer para que al quitar el cursor vuelva a su imagen incial (y que luego al volverlo a poner no se vuelva loco logicamente) ??? Muchas gracias
Aqui pongo el codigo:
Código Javascript
:
Ver original<html>
<head>
<script language="Javascript" type="text/javascript">
mis_imagenes = new Array("prueba3.jpg","prueba4.jpg","prueba5.jpg")
mi_imagen = 0
imgCt = mis_imagenes.length
function rotacion()
{
if (document.images)
{
mi_imagen++
if (mi_imagen == imgCt)
{
mi_imagen = 0
}
document.anuncio.src=mis_imagenes[mi_imagen]
setTimeout("rotacion()", 1000)
}
}
</script>
</head>
<body>
<a href="#" onmouseover="rotacion()"><img src="prueba2.jpg" name="anuncio" alt="Anuncios" /></a>
</body>
</html>