Preloader Hinzufügen - html css 
Autor: Markus Dinkel
Besucht 588,
Followers 1,
Geteilt 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
Gepostet am
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!
Autor
Danke für deine Antwort, sowas ähnliches dachte ich mir schon.
... 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
.