jQuery Animationen nach einander stattfinden

Question

Ich habe die folgende Diashow im Versuch, von Grund auf neu zu erstellen.

http://jsfiddle.net/FeqkB/

Grundsätzlich möchte ich jeder übergeordneten Container verblassen und die nächste nach 5 Sekunden verblassen in. Wenn der Elternteil eingeblendet wird, möchte ich, dass 'img' 1 Sekunde in das Elternelement animiert wird, das sichtbar wird.

Ich kann nicht scheinen, irgendetwas auf Google bezüglich zu finden, wie man dies tut, aber würde die "Warteschlange" Funktion in jQuery hier ins Spiel kommen?

Vielen Dank für jede Beratung ...

Answer 1

Ich glaube, Sie für .delay suchen können().

http://api.jquery.com/delay/

Verbrauch:

$('#foo').slideUp(300).delay(800).fadeIn(400); 

Answer 2

Haben Sie versucht, die .queue Methode von jQuery?

http://api.jquery.com/queue/

Answer 3

Sie könnten die Fx-Warteschlangen-Plugin, um versuchen wollen: https://github.com/lucianopanaro/jQuery-FxQueues