3 Divs nacheinander einfaden lassen

[chefprolet]

Hallo allerseits,

ich würde gerne Folgendes umsetzen:

Wenn ein Besucher auf eine Seite kommt, dann sollen zeitversetzt 3 oder 4 DIVs nacheinander eingefadet / eingeblendet werden.
Kann ich das mit dem vorhandenen Mootools machen oder muss ich Jquery einbinden?
Leider bin ich noch nicht ganz fit mit den Java Script Frameworks.

Danke für Hilfe und Tipps!

Gruss
Sven

[schman]

Du kannst doch einen der vielen Slider verwenden die im ER verfübar sind.
ce_slider oder SlideitMoo zB.

[chefprolet]

Leider nicht.
Im Detail soll das so aussehen:
1. Div mit halbtransparenten, weissem Hintergrund fadet ein und legt sich über ein Hintergrundbild.
2. DIV erscheint in über diesem 1. mit 2 Freistellern, die dann auf dem halbtransparenten Hintergrund stehen.
3. DIV erscheint unter dem 1. mit dem Content, also Text und Bild.

Die Funktion, dass die DIVs einfaden ist ja bei Mootools in den Demos. Das ist kein Ding.
Ich bekomme es nur nicht gebacken mit der Verzögerung / Delay, dass quaso der erste nach 2 Sekunden
einblendet, der 2. dann nach 5 Sekunden usw.

Ich könnte natürlich 3 Slider positionieren, aber wie bekomme ich das hin, dass die Zeitversetzt arbeiten.
Dann müsste ich ein transparentes PNG als erstes Bild einbinden, und dieses eben so und so lange einbelnden, bis der Slider
zum nächsten slidet. Würde gehen, ist aber ein wenig "wahnsinnig ", wenn das doch mit ein bissl Java gehen sollte.

[Tim G]

Dafür gibts in mootools und jquery sogenannte chains.
Die klassische timeout bzw. Interval geht natürlich auch.

Sent from my iphone using Tapatalk

[chefprolet]

Dafür gibts in mootools und jquery sogenannte chains.
Die klassische timeout bzw. Interval geht natürlich auch.

Sent from my iphone using Tapatalk

Ahh...dann werde ich da mal googlen....eventuell werde ich es jetzt aber auch mal mit einem Contentslider versuchen, da ich wie gesagt nicht so den
Plan habe um mir die Funktionern selber zu schreiben. Wenn jemand Lust und Zeit hat, dann er mir gerne mit einem Beispielcode weiterhelfen.

[xchs]

Du meinst einen Parallax Effect Slider?

Für MooTools scheint es auch was zu geben: https://github.com/ryanmitchell/MooParallax (mit andreas.schempp als Contributor )