Rollover

jdelrioj · #1 (**permalink**) 26/04/2010, 05:42

Hola muy buenas, se que sera muy facil, pero como llevo muchisimo tiempo sin hacerlo no me acuerdo de lo siguiente.

Imagen que cambia

Imagen1, Imagen2, Imaen3, Imagen4

quiero, que cuando pase el raton por encima de las imagenes numeradas la imagen de arriba cambie
muchas gracias!!

Nahuel2k10 · #2 (**permalink**) 26/04/2010, 12:22

Hola espero que te sirva:

Código HTML:

Ver original<head>
<title>Test</title>
<script type="text/javascript">
var imagenes = new Array('img1.png','img2.png','img3.png'); //lista de imagenes
var pos = 0;
function cambio(){
    var imagen = document.getElementById('cambiar');// id de la imagen
    imagen.src = imagenes[pos];
    pos++;
    if(pos == 3){   //tamaño del array
        pos = 0;
    }
}
</script>
</head>
<body>
<img src="img1.png" id="cambiar" onmouseover="setInterval('cambio()', 1000);"/>
</body>
</html>

Para contactar visita: nahuel2k10.com