Ladehinweis bei großen Bildern anzeigen

von: Werner Zenk

Große Bilder sollten mit einem Ladehinweis erscheinen, damit der
Besucher die Seite nicht verlässt bevor er das Bild gesehen hat ;-)

<table cellPadding="0" cellSpacing="0" 
 style="background-image: url(ladehinweis_bild.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #FEFDB2;">
 <tr>
  <td><img src="grosses_bild.jpg" width="800" height="600"></td>
 </tr>
</table>

ladehinweis_bild.gif =

Beispiel (als Animation dargestellt):

Tipp: Wenn sie sehr große Bilder im Web anzeigen möchten,
sollten Sie einen Link zum Bild, das auf einer extra Seite
dargestellt wird, anbieten. Schreiben Sie neben den Link
die Dateigröße des Bildes.
Beispiel: Megan_Fox_in_Lebensgroesse.jpg 53,9 MB

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Rottroll: Na eine Wahnsinnig(gute) Idee - statt der Ladezeit eines Bildes, hab ich dann die von zwei! I weiß net ob das beim User so auf Gegenliebe stößt... Senfgas-Schnurrbart: also wirklich - eine super idee! ich verwende jetzt schon bei 3 homepagen 2megabite grosse bilder als ladehinweis, geht voll super! habe nur ein droh-email bekommen bis jetzt! GDSystem: Das ist eine Klasse Lösung! Es sind zwar zwei Grafiken vorhanden, die Pre-Load-Grafik ist im Normalfall aber max. 2 KB im gif Format. (selbst bei 56 K Modem dauert das 1/3 Sek.) 2ell: Aber das Bild wird geladen-Bild ist nur sehr klein, daher fällt es nicht wirklich ins Gewicht!
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Die optimale Schriftart - Im Web gibt es einige Schriftarten die sich auf den meisten Browsern darstellen lassen.

Favicon erstellen - Favoriten Icon - Ihr Logo in den Favoriten (Lesezeichen)

Kommentare - Ein HTML- oder JavaScript-Quelltext, der zum Beispiel mit Leerzeilen und Einrückungen übersichtlich aufgebaut ist und an entscheidenden Stellen Umbrüche und Kommentare aufweist, ist deutlich leichter zu pflegen.

Auswahllisten-Vorlagen - Nichts ist langweiliger beim schreiben als große Auswahllisten zu erstellen! Hier finden Sie deshalb diverse Auswahllisten zum kopieren.

Alternativtext - Beim Attribut alt= geben Sie einen Alternativtext an, für den Fall, dass die Grafik nicht angezeigt werden kann. Der Alternativtext dient auch zur Information...

Frameset Vorlagen (1) - Framesets (Frames) zu erstellen ist oftmals eine knifflige Angelegenheit. Hier finden Sie eine Sammlung von Frame-Quellcodes.

Image-Toolbar - Neu im Internet Explorer 6 ist die Image Toolbar. Sie erscheint automatisch, sobald der Mauszeiger auf einer Grafik größer als 130*130 Pixel ruht. Über die angebotenen Icons kann die jeweilige Grafik abgespeichert, gedruckt oder per Email verschickt werden. So lässt sich die Image Toolbar abschalten

Umlaute, Sonderzeichen, Unicode und ANSI-Code

1536 - Farben - Farbtabelle

Farbkennwörter - (CSS) Diese Farben zeigen Ihre PC-Farbeinstellung an. …mehr