Listenpunkte überblenden mit jQuery

[OpenEyes]

Moin Leute,
ich habe eine Liste und möchte dass die einzelnen Listenpunkte (in den Listenpunkten befindet sich nur Text) sich nacheinander überblenden.

Meine Liste:

<ul>
   <li>Listenpunkt 1</li>
   <li>Listenpunkt 2</li>
   <li>Listenpunkt 3</li>
   <li>Listenpunkt 4</li>
   <li>Listenpunkt 5</li>
</ul>

Folgendermaßen soll das ganze ablaufen:
Listenpunkt 1 blendet ein
Listenpunkt 1 blendet aus und gleichzeitig blendet Listenpunkt 2 ein
Listenpunkt 2 blendet aus und gleichzeitig blendet Listenpunkt 3 ein
Listenpunkt 3 blendet aus und gleichzeitig blendet Listenpunkt 4 ein
und so weiter...

Wie mache ich das?

Kreative Grüße,
Niklas

 

[Duddle]

AW: Listenpunkte überblenden mit jQuery

http://stackoverflow.com/questions/1177945/jquery-text-crossfade


Duddle

 

[OpenEyes]

AW: Listenpunkte überblenden mit jQuery

Geht das ganze auch dynamisch? D.h. dass ich keine ID´s für jede einzelne LI nutzen muss, sondern dass er erkennt wie viele da sind?

 

[Duddle]

AW: Listenpunkte überblenden mit jQuery

Klar.
Du holst dir das aktuell angezeigte Element, blendest es aus und das direkt nachfolgende Geschwister-Element ein (Ausnahme: letztes Element). Diese Funktionalität rufst du dann aller x Sekunden auf.


Duddle

 

[SineTempore]

AW: Listenpunkte überblenden mit jQuery

Eine Möglichkeit, wie ichs vielleicht umsetzen würde.