Te pongo un ejemplo con 3 imágenes:
-Primero inserta esto en el head-
<script language="javascript">
//Primero hacemos una precarga de las imágenes
var imagen(2);
imagen(0) = new image();
imagen(0).src = "foto1.jpg";
imagen(1) = new image();
imagen(1).src = "foto2.jpg";
imagen(2) = new image();
imagen(2).src = "foto3.jpg";
var maxIndFoto = 2; //indice máximo en la matriz de imágenes
var indFoto = 0; //indice de la foto que se visualiza
var intId; // Id del intervalo
function cambiaFoto(){
indFoto = (indFoto >= maxIndFoto)?0:indfoto+1;
visorImagen.src = imagen(indFoto).src
}
</script>
---------------
Después en el body coloca un tag <IMG name="visorImagen" ...>
donde se verán las imágenes cambiando.
Para que comience la secuencia debes hacer una llamada al método
setInterval del objeto window, por ejemplo en el evento onload del body:
<BODY ... onload="intId=window.setInterval('cambiaFoto()',500);" ...>
Fíjate en el nº 500 que indica el nº de milisegundos entre una llamada
y otra (en este caso medio segundo).
Después cuando quieras detener la secuencia ejecuta el método clearInterval()
en cualquier evento que quieras, de esta forma:
onEventoCualquiera="window.clearInterval(intId);"
P.D.: no he hecho pruebas, si no te va bien me contestas y trataré de
ayudarte.
