jQuery: animowana, ciągła pętla przez dzieci

Question

Zamknij, ale nie całkiem tam. Chciałbym, aby pierwszy element potomny był wyświetlany przez kilka sekund, ześlizgnąć się (poprzez pozycjonowanie) i zniknąć z widoku, a następne dziecko przesunie się i zniknie. Powtarzaj w sposób ciągły, przywracając pętlę po wyświetleniu ostatniego dziecka.

Wygląda na to, że mam działającą pętlę, ale liczba wydaje się układać divy dla dzieci jeden na drugim. Co ja robię źle?

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

Answer 1

Oto mój remix: http://jsfiddle.net/ddrace/DJuV7/1/

I łączyć kilka rzeczy, aby uczynić go bardziej zrozumiałym i dodane ustawienia pauzy i animacji, aby utrzymać go DRY i łatwiejsze do poprawienia.

Answer 2

Czy to wygląda ok http://jsfiddle.net/Xmk2y/5/

usunąłem opóźnienie, ustaw i = 0 i zamieniłem najwyższej wartości.

Answer 3

Cóż, to też działa: http://jsfiddle.net/Xmk2y/7/. Ale myślę, że bardziej podoba mi się rozwiązanie Birey.

Answer 4

Wygląda na to, że było kilka problemów w zależności od tego, o czym wspomniałeś. Najpierw ustawiłem indeks na -1. Wydawało się, że cały problem dotyczy wyświetlacza. Następnie były animacje, zaktualizowałem je, aby wykorzystać obietnice jquery, aby zapewnić ukończenie animacji poprzedniego.

wynik

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

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

Answer 5

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

tylko przy użyciu complete zwrotnego rekursywnie wywołać nextQuote