Hintergrund zuerst laden

dreem

Hallo!

Gibts eigentlich eine Möglichkeit den Hintergrund vor dem Artikel mit den unzähligen Bilder zu laden?

Bei meinem Blog arbeitet er erst die ganzen Bilder im Artikel ab und dann zum Schluß wird erst der Hintergrund geladen.

Geht das auch anders?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

perryzelda

1. was grösser ist, das dauert länger und
2. die Ladereihefolge entspricht der Reihenfolge im Code
Da kann man m.A. nicht beinflussen.

dreem

Aha okay, aber kann man nicht per Javascript Images vorladen lassen?

dreem

Ist denn das sowas hier wie ne preloadfunktion?

PHP

<script language="JavaScript" type="text/javascript">
<!--
if(document.images) {
    // preload
    image1 = new Image();
    image1.src = "/images/....gif";
    image2 = new Image();
    image2.src = "/images/....gif";
    image3 = new Image();
    image3.src = "/images/....gif";
    image4 = new Image();
    image4.src = "/images/....gif";
    image5 = new Image();
    image5.src = "/images/....gif";
    image6 = new Image();
    image6.src = "/images/....gif";
    image7 = new Image();
    image7.src = "/images/....gif";
    image8 = new Image();
    image8.src = "/images/....gif";
    image9 = new Image();
    image9.src = "/images/....gif";
    
}

Alles anzeigen

dreem

Oder doch per CSS?

PHP

#loader{
 
 display: none;
 
}


und dann


<div id="loader">
<img src="bild1.gif" />
<img src="bild2.gif" />
</div>

Alles anzeigen

dreem

Okay. Habs selber hinbekommen...über CSS.

aao_scout

Verraetst Du uns bitte wie Du es hinbekommen hast?
Danke schoen!

Gruss
aao_scout

dreem

Na einfach in der Style.css das

PHP

#loader{
 
 display: none;
}

einfügen und dann in der Header.php gleich nach dem </body> Befehl

PHP

<div id="loader">
<img src="dateiname+endung" />
<img src="dateiname+endung" />
</div>

einfügen. Die Liste kann man beliebig weiterführen. Thats it ;)

aao_scout

Danke.

Gruss
aao_scout

aao_scout

PHP

<div id="loader">
<img src="dateiname+endung" />


Pause


<img src="dateiname+endung" />
</div>

Kann man da noch was einfuegen, damit nach dem ersten Bild erst nach einer bestimmte Zeit, sagen wir mal fuenf Sekunden, weitergeladen wird?
Meine Vorstellung ist, dass zuerst der Hindergrund geladen wird, dieser dann fuer ein paar Sekunden zu sehen ist bevor dieser dann zum Teil von der eigentlichen Seite verdeckt wird.

Gruss
aao_scout

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrund zuerst laden

Jetzt mitmachen!