WebSite X5Help Center

 
Markus Dinkel
Markus Dinkel
User

Preloader Hinzufügen - html css  de

Autore: Markus Dinkel
Visite 541, Followers 1, Condiviso 0  

Hallo Community,

ich würde gerne einen Page Preloader in meine Webseite einfügen, damit alle Inhalte und Bilder am Anfang geladen werden.

Ich habe schon etwas gegoogelt aber leider keine deutsche Anleitung gefunden.

Ich habe auf dieser Seite:

https://codepen.io/kevinjannis/pen/KwJvpa

einen Loader ausgesucht.

Der HTML Code scheint ja in die Index.html zu gehören ?

Um den CSS Code einzubinden, wäre es hier richtig ein HTML Objekt auf den Header zu erstellen mit dem CSS Code darin ?

Zusätzlich kann man bei Codepen ja die Dateien dazu herunterladen, muss man diese auf den FTP Hochladen oder geht das auch ohne die Dateien ?

Danke

Postato il
3 RISPOSTE
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Dieser Preloader (Spinner) ist ja nur zum Teil fertig, weil es nur die Ansicht betrifft. Was weiter geschieht wi z.B. eine gewisse Zeit wartet und dann auf die Website geht, ist nicht vorhanden. Oder wartet bis alles geladen ist und dann die Seite (weich) einblendet. Hier ist noch einiges an Javaskript Code zum einfügen. Aber vielleicht hat KolAsim hier eine andere Lösung!

Leggi di più
Postato il da Andreas S.
Markus Dinkel
Markus Dinkel
User
Autore

Danke für deine Antwort, sowas ähnliches dachte ich mir schon.

Leggi di più
Postato il da Markus Dinkel
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... wenn Sie daran interessiert sind, meinen DIV_CUSTOM-Verlauf mit nur einem Kopieren und Einfügen auszuprobieren, dann laden Sie diese GIF-Datei herunter und fügen Sie sie in die Anhänge Ihres Projekts ein:
https://cdn.pixabay.com/animation/2022/07/29/03/42/03-42-18-223_256.gif
... dann veröffentlichen Sie Ihre Website online und posten Sie den LINK der Website und dieses Bild hier ...
... wenn Sie das tun, werde ich für den Code hierher zurückkommen...

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪