jQuery: bucle animado, continuo a través de los niños

Question

Cerca pero no del todo allí. Me gustaría que el primer elemento secundario se muestre durante un par de segundos, se deslice hacia abajo (mediante el posicionamiento) y desaparezca de la vista, y luego el siguiente niño se deslice hacia arriba y se desvanezca a la vista. Repita continuamente, repitiendo después de que se muestre el último niño.

Parece que tengo el bucle en funcionamiento, aunque el recuento parece apilar los divs secundarios uno encima del otro. ¿Qué estoy haciendo mal?

http://jsfiddle.net/rrbaker/Xmk2y/4/

Answer 1

Aquí es mi remezcla: http://jsfiddle.net/ddrace/DJuV7/1/

reacomodé algunas cosas para que sea más comprensible y ajustes adicionales para la pausa y la animación para que no se moje y más fácil de modificar.

Answer 2

se ve este bien http://jsfiddle.net/Xmk2y/5/

me quita el retraso, conjunto I = 0 y cambié de valores superiores.

Answer 3

Bueno, esto también funciona: http://jsfiddle.net/Xmk2y/7/. Pero creo que me gusta más la solución de Birey.

Answer 4

Parece que hubo algunos problemas según lo que ha mencionado. Primero fue establecer el índice en -1. Eso pareció causar la visualización de todo el problema. Lo siguiente fueron las animaciones, lo actualicé para usar las promesas de jquery para asegurar que la animación del anterior haya terminado.

resultado

Fin: http://jsfiddle.net/bfbuS/2/

jQuery promesa: http://api.jquery.com/promise/

Answer 5

http://jsfiddle.net/Quincy/Xmk2y/8/

Sólo mediante la devolución de llamada complete para invocar de forma recursiva nextQuote