Sven Rautenberg: zu dieser (meiner) Webpage

Beitrag lesen

Hallo Sven,

kannsch du das mal genauer erklären, wie man das macht, dass man ein Bild als erstes lädt und dann Text und dann erst die anderen...

thx
Maik

Naja, das bezog sich jetzt direkt auf diese Diashow. Wenn du einzelne Seiten hast, die nacheinander immer ein Bild mit Text enthalten, empfiehlt sich sowas wie das hier:

<html>
...
<body>
<img src="bildseite1.jpg" width="500" height="400" alt="ein grosses Bild">
Text....
Text....
<img src="bildseite2.jpg width="1" height="1" alt="ein grosses Bild ganz klein als Pixel">
</body>
</html>

Wenn auf der Startseite kein Bild ist, sondern Bild 1 vorgeladen wird, kann man in Ruhe den einleitenden Text lesen. Seite 1 mit Bild 1 kommt dann ganz schnell, während Bild 2 geladen wird. Seite 2 mit Bild 2 .... und so weiter.

Allzu groß sollten die Bilder natürlich nicht sein, weil sie ja immer noch durch Modems durchmüssen, aber mit solchem Vorladen kriegt man eine Diashow zumindest recht schnell hin.

Wer den einen Pixel nicht mag, packt das Bild in einen unsichtbaren Layer, oder nutzt Javascript zum Vorladen (genauso wie das Mouseover-Vorladen).

- Sven Rautenberg