HOYGAN! ayudenmen con este codigo, es un rotador de imagenes sencillo, no quiero hacerlo muy complicado, simplemente un timer que cambie cada 10 segundos la propiedad display de una imagen, es decir que por 10 segundos este en block y de ahi pase a none y asi por los siglos de los siglos...
El codigo es este:
Código Javascript
:
Ver originalfunction rotateImages()
{
var imageContainer = document.getElementById("slider_images");
var imageList = imageContainer.getElementsByTagName("img");
for (i = 0; i < imageList.length; i++){
if (!imageList[i].style.display){
imageList[i].style.display = "block";
setTimeout(rotateImages,10000);
}else{
if (imageList[i].style.display == "block"){
imageList[i].style.display = "none";
i++;
}else{
imageList[i].style.display = "block";
}
setTimeout(rotateImages,10000);
}
}
}
Como ven es muy sencillo, a las primeras rotaciones lo hace bien, pero cuando tiene que repetir la secuencia de imagenes se vuelve loco y pone los display como le viene en gana, quiero evitar ese comportamiento y que respete la secuencia.
¿Cómo hacer?