WBCE CMS Forum

jonny

Mitglied

AOS Animation

Kann man in Templates effekte wie diesen einbauen?

https://michalsnik.github.io/aos/

Wenn das tatsächlich gehen sollte, warum funktioniert es auf meiner Website nicht?

Hab es probiert auf kunde.hiba.ch jedoch erscheint der gewünschte Block nicht

Beitrag geändert von jonny (17.06.2018 17:35:16)

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: AOS Animation

Kann man in Templates effekte wie diesen einbauen?

bestimmt

warum funktioniert es auf meiner Website nicht?

- Du lädst 1x das Standard-jquery von WBCE und zusätzlich jquery 3.3.1 von Google CDN
- Die Konsole gibt 3 JS-Syntaxfehler aus
- Es scheint überhaupt kein AOS-Block definiert zu sein
- Der <body>-Tag ist zerschossen

<body  isstartpage
	<header>

jonny

Mitglied

Re: AOS Animation

AOS Block wurde definiert (Center) aber der Block wird nicht angezeigt

Das Body Tag müsste wie definiert werden, das der Colorpicker nicht bei meinem Hintergrundbild dazwischenfunkt?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: AOS Animation

AOS Block wurde definiert (Center) aber der Block wird nicht angezeigt

<h1 data-aos="fade-up">   <i class="fas fa-chevron-circle-down"></i></a> </h1>

Das </a> muss da raus (das hat aber nichts mit dem AOS-Problem zu tun)

Das Body Tag müsste wie definiert werden, das der Colorpicker nicht bei meinem Hintergrundbild dazwischenfunkt?

Du kannst mal folgendes versuchen:
Lass den <body>-Tag, wie er ursprünglich im Template war, und tausche einfach nur im <head> die beiden Zeilen

       <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR;?>/editor.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR;?>/template.css" />
	<link href="<?php echo TEMPLATE_DIR; ?>/colorset/colorset.php<?php echo $refreshstring; ?>" rel="stylesheet" type="text/css" />	

umeinander:

	
	<link href="<?php echo TEMPLATE_DIR; ?>/colorset/colorset.php<?php echo $refreshstring; ?>" rel="stylesheet" type="text/css" />	
       <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR;?>/editor.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR;?>/template.css" />

Ansonsten verzichte gänzlich auf den Colorpicker und hinterlege alle Farbangaben in den Stylesheets manuell.

Beitrag geändert von florian (18.06.2018 06:50:21)

jonny

Mitglied

Re: AOS Animation

Das mit dem Colorpicker muss ich wohl ausbauen und seperat eintragen in die Stylesheets..

Jedoch funktioniert auch nach entfernen des Google jquery die Animation nicht.. Liegt dort was tieferes im Problem?

Weil die entsprechenden Schritte habe ich identisch gemacht wie auf einer HTML Only page

Fehler war, das Script darf nicht im head sein sonst funkts nicht.

Beitrag geändert von jonny (19.06.2018 11:55:48)

---

Wer noch etwas Dummheit will soll sich hinten anstellen..