Möchte man Div-Container oder Spoiler-Inhalte einblenden, geht das fast ohne Probleme, ohne ruckeln oder aufblitzen.
Will man aber eine komplette Seite mit Bildern einblenden, sieht das anders aus! Erfolgen Effekt oder andere Funktionen über "jQuery" muss das Skript erstmal vollständig geladen werden. Hier kommt es oft zum Aufblitzen der Seite bevor die Funktion überhaupt zu Geltung kommt! Sehr unschön! Auch nicht jeder Effekt ist vorteilhaft, weil größere Datenpakete bewegt werden. Mit der folgenden Version lässt sich eine einfache, aber gute Einschaltverzögerung realisieren! Auch lässt sich der Einblendverlauf beliebig einstellen!
Installation für alle Templates
Installation:
Für die Templates (v1-4) wird der folgende Eintrag in "Eigener CSS Code" kopiert! Pfad: "Admin > Layout > Farben- und Einstellungen > CSS > Eigener CSS Code"
Für das neue Template Xobor (v6) und "Mobil" kommt der folgende Eintrag in "CSS / SCSS Addon"! Pfad-V6: "Admin > Layout > Farben & Einstellungen > CSS/SCSS > CSS / SCSS Addon". Pfad-Mobil: "Admin > Layout > Mobil > CSS/SCSS > CSS / SCSS Addon".
Animationszeit & Animationsbereich:
In Zeile 2 steht die Class oder ID, die eingeblendet werden soll, oder auch ein TAG, wie DIV, SPAN oder P! Hier wird z.B. über "body" die gesamte Seite automatisch eingeblendet! Wird z.B. ".mtextwrap .spacer10" für "body" eingesetzt, wird im Business (v4) nur ein Beitrag effektvoll eingeblendet!
Zusätzlich wird die gesamte Laufzeitzeit der Animation in Zeile 2 bestimmt!
Animations- und Einblendverlauf:
In Zeile 4-7 wird der Einblendverlauf bestimmt (für alle gängigen Browser)! Hier sind 3 Schritte gewählt 0%, 50% und 100%, kann aber beliebig erweitert werden! Wobei durch 0%, 50% und Wert "0" die Webseite bis zur Hälfte der Zeit dunkel geschaltet ist (Einschaltverzögerung)! Ab 50% bis 100% der Zeit fängt das eigentliche Einblenden an!
Der Treffpunkt für Hilfe, Tricks & Tipps
»
XOBOR-Foren und Homepages
»
Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps
»
Webseiten automatisch einblenden
Foren Spende
Direkt zu PayPal
Thema drucken
24.05.2022 19:43 (zuletzt bearbeitet: 19.08.2022 17:24)
Antworten
