Slider: Animation in iframe erst starten wenn iframe sichbar

[Fachchaot]

Ich habe einen Slider in dem ich iframes nacheinander anzeige. In diesen iframes laufen kleinere Animationen (jquery). Problem: Wenn der zweite Slider eingeblendet wird, läuft die Animation schon bzw. ist schon durchgelaufen. Gibt es eine Möglichkeit die Animationen erst dann zu starten, wenn der iframe tatsächlich sichtbar ist?

[pr0gg3r]

Hast du irgendein Event, das ausgelöst wird, wenn der nächste Slider fertig eingblendet ist? Dann mit diesem Event einfach auf die Seite im iFrame zugreifen und dort eine JS-Funktion aufrufen, welche die Animation startet.

[Fachchaot]

Nein, nicht wirklich. Ich müsste also, wenn ich das richtig verstanden habe, nach dem der erste iFrame eingeblendet wurde, ein Event auslösen mit dem ich eine JS-Funktion im zweiten iframe starte?

Zur Zeit laufen das Sliden und die Animationen in den iFrames unabhängig von einander.

[Heikooo]

Es gibt Funktionen von jQuery die es ermöglichen Daten auf einer Seite erst dann zu laden wenn sie im Sichtbaren Bereich der Seite liegen. Beim Scrollen z.B. werden erst Bilder geladen wenn man zu der Stelle scrollt. Und nein ich meine nicht das dann ein Ajax gefeuert wird der neue Daten lädt. Das ist eine andere Geschichte. Man kann Daten die schon im HTML der Seite liegen per JavaScript bzw. jQuery dazu bringen den src erst zu laden wenn der Teil sichtbar wird. Eventuell ist das eine Lösung für dich. Einfach mal googlen