Slideshow en Javascript

[Alexis88]

Puedes hacer que varíe el tiempo de transición por cada slider afectando el tiempo de control en setInterval.

Código Javascript:

var contenedores = document.getElementsByClassName("slider"),
    totalContenedores = contenedores.length;
 
for (i = 0; i < totalContenedores; i++) {
  (function(indice){  
    var imagenes = contenedores[indice].getElementsByTagName("img"),
        contador = 0,
        totalImagenes = imagenes.length;
 
    imagenes[contador].style.display = "block";
 
    var slider = {
      show: function(){
        imagenes[contador].style.display = "none";    
        contador = (contador == totalImagenes- 1) ? 0 : ++contador; 
        imagenes[contador].style.display = "block";
      }
    };
    setInterval(slider.show, 3000 * (indice + 1));
  })(i);  
}
 

Como verás, multiplico los 3000 milisegundos por el valor del índice (número de slider con respecto a los demás) más uno, eso hará que el primero se ejecute a los 3000 milisegundos, el segundo a los 6000 y el tercero a los 9000. Puedes cambiar los 3000 milisegundos por otra cifra para que la transición de los últimos sliders no demore tanto.

Saludos