es un poco dificil de explicar lo que pasa y cual es la solcion XD
el error basicamente es que el each se ejecuta al instante sin esperar a que lo primero ejecutado termine, asi que primero intentas mostras la imagen2, pero corre el siguiente each cortando eso y queriendo mostrar la imagen 3
lo que se debe hacer es dar un tiempo para que se vayan cambiando, el codigo que te dare lo hace con la funcion setTimeout
Código Javascript
:
Ver originalvar duration = 1000;
$.each(almacenFotos,function (indice, valor){
setTimeout(function(){
$("#foto4").fadeOut(2000, function(){
$("#foto4").attr('src',valor).fadeIn(2000);
});
}, duration);
duration = 5000;
});
la verdad no lo eh probado asi que pueda que haya algun error de syntaxis xD, pero la logica es esta, basicamente la primera vez declaro la duracion como 1000 para que la imagen q tienes permanesca x 1 segundo, le digo que ejecute el fadeout que tomara dos segundos y el fadein que tomara otros dos, en la siguiente vuelta esto se cortaria, pero evito esto dandole un timeout de 5 segundos
no se si me di a entender xD perdon si es asi.... es un codigo simple y corto pero muy complicado de entender a la vez xD