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:

Meta-Angaben

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

Frameset Vorlagen (3)

Ladehinweis bei großen Bildern anzeigen - Große Bilder sollten mit einem Ladehinweis erscheinen, damit der Besucher die Seite nicht verlässt bevor er das Bild gesehen hat.

Schriftattribute

Der Input-Tag (1)

Bildschutz (4)

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

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...

Erweiterte Farbnamen

Verzeichnis (Ordner) verlinken!

Bildergalerie mit iFrames - Diese Galerie benötigt kein JavaScript und ist sehr einfach anpassbar.

Frameset Vorlagen (2)

Umlaute, Sonderzeichen, Unicode und ANSI-Code

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