WebSite X5Help Center

 
Markus Dinkel
Markus Dinkel
User

Preloader Hinzufügen - html css  de

Автор: Markus Dinkel
Просмотрено 537, Подписчики 1, Размещенный 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

Размещено
3 Ответы
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца 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!

Читать больше
Размещено От Andreas S.
Markus Dinkel
Markus Dinkel
User
Автор

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

Читать больше
Размещено От 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪