ID #1227

Tipps und Tricks

Ihre Bilder schneller anzeigen

Das Vorladen von Grafiken ist auch ohne Javascript möglich.

Ändern Sie einfach im Quelltext Ihrer HTML-Datei die Bildgröße Ihres Bildes...

<img src="pic/bild.gif" width="1" height="1">

...auf Höhe 1px und Breite 1px. Den entstehenden kleinen Punkt können Sie bspw. am Seitenende verstecken.
Das funktioniert allerdings nur, wenn Sie wissen, welche Seite der Besucher als nächste anklicken wird. Zum Beispiel die nach dem Ausfüllen eines Formulars erscheinende Seite. Die dort enthaltenen Grafiken erscheinen dann sofort, denn sie wurden bereits auf der vorhergehende Seite mit einer Größe von 1 Pixel geladen.
Dieser kleine Trick ist möglich, weil Web-WWW- und FTP-Servern im Internet abzurufen. Bekannte Browser sind Netscape Navigator, Microsoft Internet Explorer, Opera und Mosaic.">Browser einmal geladene Dateien im Festplatten-Cache speichern und von dort ohne lange Ladezeit anzeigen.


Exakte Position Ihrer Bilder

Mit einem transparenten GIF können Sie Ihre Bilder perfekt Positionieren. Ein "transparent.gif" läst sich schnell mit einem Grafikprogramm erzeugen. Das Bild wird als GIF mit einer Größe von 1x1 Pixel und der
Eigenschaft "transparent" abgespeichert.
Jetzt können Sie im Quelltext Ihrer HTML-Datei dem Bild eine beliebige Größe...

<img src="pic/transparent.gif" width="10" height="20">

...zuordnen. So können Sie bspw. exakte Abstände zwischen Bildern erzwingen.
Wenn das transparente GIF einmal von Web-WWW- und FTP-Servern im Internet abzurufen. Bekannte Browser sind Netscape Navigator, Microsoft Internet Explorer, Opera und Mosaic.">Browser geladen wurde, wird das Bild automatisch aus dem Festplatten-Cache geladen. Dadurch ist die mehrfache Benutzung ohne lange Ladezeit möglich.


Exakte Breite von Tabellen

Mit einem transparenten GIF können Sie perfekt die Breite von Tabellen festlegen. Ein "transparent.gif" lässt sich schnell mit einem Grafikprogramm erzeugen. Das Bild wird als GIF mit einer Größe von 1x1 Pixel und als "transparent" abgespeichert.
Jetzt können Sie im Quelltext Ihrer HTML-Datei dem Bild eine beliebige Größe...

<img src="pic/transparent.gif" width="10" height="20">

...zuordnen.
Eine Tabellenzeile ist stets so hoch und breit wie das größte Element darin. Nutzen Sie dies und fügen Sie das transparente GIF in die Tabellenzeile und erzwingen Sie eine exakte Höhe oder Breite der Zeile.
Wenn das transparente GIF einmal von Web-WWW- und FTP-Servern im Internet abzurufen. Bekannte Browser sind Netscape Navigator, Microsoft Internet Explorer, Opera und Mosaic.">Browser geladen wurde, wird das Bild automatisch aus dem Festplatten-Cache geladen. Dadurch ist die mehrfache Benutzung ohne lange Ladezeit möglich.

Tags: html, webdesign

Verwandte Artikel:

Kommentieren nicht möglich