Aqui se esta para aprender, asi que unas pequeñas criticas sobre el codigo de Dany_s.
--''----''----''----''----''----''----''--
Cita: $('#slider .seccion.visible').siblings('.seccion').animate({o pacity: 0}, 0);
Esta volviendo invicible los divs con una funcion que no fue destinada para ello; y ya que lo esta haciendo con javascript (jQuery) si la pagina se demora en cargar las imagenes se van a ver hay "tiradas".
Lo mejor es hacerlo en CSS y asi evitar esto.
Código CSS:
Ver original.seccion{
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.visible{
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
--''----''----''----''----''----''----''--
Si llega a colocar un boton en cada div el boton NO funcionara (bueno, solo uno) ya que el elemento html sigue presente ya que bajo la opacidad a cero pero todavia esta activo. lo que debio hacer era un "display:none" (o en jQuery
.hide())
--''----''----''----''----''----''----''--
Esta usando .delay para hacer el retraso por lo que la personalizacion/modificacion de tiempos y demas es casi nula. Lo mejor es usar setTimeout o setInterval