Cambio de Imagenes
Les quiero hacer una consulta, alguien me puede decir como tengo que hacer, para mostrar 3 imagenes. Es decir, mostrar una imagen, a los pocos segundos que cambie a la segunda, luego a la tercera, y luego nuevamente a la primera.
Desde ya muchas gracias
daniela
Desde ya muchas gracias
daniela
Prueba este ejemplo:
<html>
<head>
<script language="javascript">
var imagen;
imagen = new Array(2);
imagen[0] = new Image();
imagen[0].src = "urlimagen1";
imagen[1] = new Image();
imagen[1].src = "urlimagen2";
imagen[2] = new Image();
imagen[2].src = "urlimagen3";
var indiceImagen = 0;
var intervalo;
function cambiaImagen(){
indiceImagen = (indiceImagen == 2)?0:indiceImagen + 1;
visor.src = imagen[indiceImagen].src;
}
</script>
</head>
<body onload="intervalo=window.setInterval('cambiaImagen()',2000);" onunload="window.clearInterval(intervalo);">
<img id="visor" src="prba.jpg">
</body>
</html>
Obviamente tendrás que cambiar donde pone urlimagenX
por el nombre de tus archivos de imagen.
<html>
<head>
<script language="javascript">
var imagen;
imagen = new Array(2);
imagen[0] = new Image();
imagen[0].src = "urlimagen1";
imagen[1] = new Image();
imagen[1].src = "urlimagen2";
imagen[2] = new Image();
imagen[2].src = "urlimagen3";
var indiceImagen = 0;
var intervalo;
function cambiaImagen(){
indiceImagen = (indiceImagen == 2)?0:indiceImagen + 1;
visor.src = imagen[indiceImagen].src;
}
</script>
</head>
<body onload="intervalo=window.setInterval('cambiaImagen()',2000);" onunload="window.clearInterval(intervalo);">
<img id="visor" src="prba.jpg">
</body>
</html>
Obviamente tendrás que cambiar donde pone urlimagenX
por el nombre de tus archivos de imagen.