JS class Artikel einbinden (animate.css)

[cErB]

Moin liebe Gemeinschaft,

seit Tagen versuche ich einem Artikeln JS-Attribute mitzugeben.
Ziel: Ich möchte mit Animation.css den Artikel animieren, wenn er in den Viewport kommt.

Codebeispiel sieht so aus:
<div class='animatedParent'data-appear-top-offset='-300'>

Habt ihr einen Lösungsansatz für mich?
Ich danke Euch :-)

[Spooky]

Wirklich ganze Artikel?

Die class zu setzen ist ja nicht weiter schwierig, für zusätzliche Attribute müsstest du dir praktischerweise das DCA erweitern und das Template anpassen.

[korlbeu]

oder du nimmst meine extension

https://contao.org/de/erweiterungsli....10009.de.html

[cErB]

Vielen Dank für die Hilfe.
Ich bin leider noch nicht zu der Umsetzung gekommen, wird wohl erst am Wochenende was, werde berichten :-)

[be-tina]

oder du nimmst meine extension

https://contao.org/de/erweiterungsli....10009.de.html

Das klingt irgendwie gut mit der Erweiterung.
Kann man die benutzte Erweiterung irgendwo in einem Frontend sehen?

[korlbeu]

http://shift-thinking.biz/cam/index.php/sv-wow.html

[be-tina]

Die Erweiterung habe ich gleich mal auf einer Lokalinstallation ausprobiert und: Das ist mal wirklich Wow !!!

Deine Beschreibung macht es einem sehr sehr leicht, die Erweiterung zu nutzen. Die Handhabung ist unglaublich einfach ... wirklich gut gelungen!

Das werde ich auf jeden Fall bei einer meiner nächsten Seiten einbauen.

DANKE

[cErB]

Moin zusammen,

ich habe es eben auch mal probiert.
Ich glaube ich bin einfach zu dumm oder irgendeine Einstellung ist falsch.
Wenn ich die Erweiterung aktiviert habe wird die gesamte Seite nicht mehr geladen und auf die error.log-Datei verwiesen - Dort steht er könne das Template nicht laden :-(

Einer ne Idee?

[be-tina]

Moin zusammen,

ich habe es eben auch mal probiert.
Ich glaube ich bin einfach zu dumm oder irgendeine Einstellung ist falsch.
Wenn ich die Erweiterung aktiviert habe wird die gesamte Seite nicht mehr geladen und auf die error.log-Datei verwiesen - Dort steht er könne das Template nicht laden :-(

Einer ne Idee?

Das ist komisch. Versuche doch mal, das Install-Tool aufzurufen, dich danach ins Contao Backend einzuloggen und oben auf "Cache aufbauen" (oder wie das heißt) zu klicken. Dann die Seite nochmal aufrufen. Das hilft bei mir oft, wenn irgendetwas nicht mehr funktioniert.

[be-tina]

Übrigens habe ich festgestellt, dass im Crome auf iPad die Animation stark verzögert kommt. Wahrscheinlich ist das aber kein Problem der Erweiterung sondern ein Problem, wie Crome auf iPad mit Animationen umgeht?

Ich habe schon festgestellt, dass iPad mit Animationen Probleme hat (habe ich auch an anderer Stelle hier als Frage eingestellt (Safari auf iPad kann kein FadeInBig) und es weiß noch keiner eine Lösung - scheint also nicht wirklich lösbar zu sein).

Falls es da doch etwas gibt, was ich bei der Erweiterung einstellen kann, damit das im Crome auf iPad ohne Verzögerung angezeigt wird, lasst es mich wissen.

[cErB]

Nach neuinstallation läuft die Erweiterung.
Nur leider gehen ein paar Effekte nicht (FadeIn z.B.)
Sonst alles super :-)
Vielen Dank nochmal