Cambio de Imagenes
dolivier
08 de Julio del 2004
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
Juan
08 de Julio del 2004
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.
ivo
08 de Julio del 2004
pero si uno tiene muchas imagenes, como se haria para que fuese automatico hacer este jave, como si le dijerna al java, tomas todos las fotos de tal carpeta y muestralas en orden...?