fade in Effekt

04.07.2020 22:10
avatar  Maria12
#1
Ma

Hallo Zusammen,

ich würde gerne einen Fade in Effekt auf einer Jimdoseite (nur auf der Startseite) anwenden, wie auf dieser Seite: https://de-de.facebook.com/business/ads-...tant-experience

Kann mir da jemand weiterhelfen?

Viele Grüße
Maria


 Antworten

 Beitrag melden
06.07.2020 10:38
avatar  az_
#2
avatar
az_

...dazu musst Du ein Skript einsetzen, dass die Elemente erst lädt, wenn sie im Viewport erscheinen.

Schau mal hier: https://redesign-rome-lc4.jimdofree.com/expertise/

Auf dieser Seite bekommen alle Elemente eine Klasse ".in-view" verpasst, sobald der Benutzer runter scrollt und sie im Fenster erscheinen.
LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
06.07.2020 21:30
avatar  Maria12
#3
Ma

Hallo AZ,

auf dieser Beispielseite ist der Fade in allerdings kaum sichtbar. Gibt es eine Möglichkeit, mit Jimdo die von mir als Beispiel genannte Homepage nachzubauen?
UND das Ganze für Anfänger - mit einfachem CSS und HTML?


 Antworten

 Beitrag melden
06.07.2020 23:18
avatar  az_
#4
avatar
az_

Nein


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
07.07.2020 01:06
avatar  Maria12
#5
Ma

Heißt "nein" geht gar nicht, oder geht für Anfänger nicht?


 Antworten

 Beitrag melden
09.07.2020 22:48
avatar  az_
#6
avatar
az_

Zitat
UND das Ganze für Anfänger - mit einfachem CSS und HTML?



...nein!


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!