necesito cambiear imagenes aleatoriamente
joco
05 de Septiembre del 2003
Hola me gustaria que me ayudaran necesito colocar en mi pagina principal una celda donde haiga una imagen y que valla cambiando aleatoriamente escoguiendo cualquiera que este en la carpeta donde estan alojadas la imagenes
Juan
05 de Septiembre del 2003
Te pongo un ejemplo:
<html>
<head>
<script language="javascript">
// Precarga de imágenes
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";
// Fin precarga
var indiceImagen = 0, numImagenes = 3;
var intervalo, retardo =2000;
function cambiaImagen(){
indiceImagen = parseInt(Math.random() * numImagenes);
visor.src = imagen[indiceImagen].src;
}
</script>
</head>
<body onload="intervalo=window.setInterval('cambiaImagen()',retardo);" onunload="window.clearInterval(intervalo);">
<img id="visor" src="prba.jpg">
</body>
</html>
Para adaptarlo a tus necesidades tienes que extender
la precarga de imágenes para todas las imágenes que
tengas. Cambiar el valor de numImagenes por el nº de
imágenes que tengas y retardo por el nº de milisegundos
que quieras que tarde en hacerse el cambio.
<html>
<head>
<script language="javascript">
// Precarga de imágenes
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";
// Fin precarga
var indiceImagen = 0, numImagenes = 3;
var intervalo, retardo =2000;
function cambiaImagen(){
indiceImagen = parseInt(Math.random() * numImagenes);
visor.src = imagen[indiceImagen].src;
}
</script>
</head>
<body onload="intervalo=window.setInterval('cambiaImagen()',retardo);" onunload="window.clearInterval(intervalo);">
<img id="visor" src="prba.jpg">
</body>
</html>
Para adaptarlo a tus necesidades tienes que extender
la precarga de imágenes para todas las imágenes que
tengas. Cambiar el valor de numImagenes por el nº de
imágenes que tengas y retardo por el nº de milisegundos
que quieras que tarde en hacerse el cambio.