Reihenfolge der zu ladenen Bilder
Von: , Frage gestellt am Do, 2. Nov 2000
Hi!
Wie kann ich es erreichen, dass mehrere Bilder in einer bestimmten Reihenfolge geladen werden und auch angezeigt werden?
Gruss Rainer!
http://www.wrmueller.de
3 Antworten zu dieser Frage
-
Antwort von nach 21 Minuten hilfreich
Re: Reihenfolge der zu ladenen Bilder
Hi, Wie kann ich es erreichen, dass mehrere Bilder in einer
bestimmten Reihenfolge geladen werden und auch angezeigt
werden?
gar nicht, jedenfalls nicht sinnvoll. Du könntest einzig versuchen, mit JavaScript die Bilder einzeln nacheinander zu laden und darauf zu warten, daß das onLoad-Event feuert, bis Du zum nächsten Bild übergehst. Das dauert a) (je nach Umfang) ewig, wird b) evtl. gar nicht durchgeführt, wenn z.B. ein Bild hakt, kann c) nur von sehr wenigen Browsern gemacht werden, und sowieso nur wenn d) JavaScript aktiv ist.
So wichtig kann die Reihenfolge eigentlich gar nicht sein, als daß all diese Einschränkungen akzeptabel wären.
Cheatah
-
Antwort von nach 37 Minuten hilfreich
Re^2: Reihenfolge der zu ladenen Bilder
Ne so wichtig ist es auch nicht aber ich habe einen Trick in meiner Bildergalerie verwendet. Um das Bild von der nächsten Seite darzustellen habe ich auf der jeweils vorherigen Seite das Bild schon eingefügt und auf 1x1 Pixel verkleinert. Wenn man aber schnell weiterklickt dauert es natürlich um so länger da dann zei Bilder auf einmal geladen aber nur eines sichtbar ist.
Ich möchte erreichen das das sichtbare Bild zuerst und dann erst das "unsichtbare" geladen wird. Aber der Versuch war es wert.
Danke Rainer!
-
-
Antwort von nach einem Tag hilfreich
Re: Reihenfolge der zu ladenen Bilder
hallo Rainer,
wenn ich Dich recht verstehe, möctest Du beim Aufbau der Seite ein Image möglichst vorladen, oder falls das auf der vorhergehenden Seite nicht abgeschlossen wurde, die Reihenfolge der Anzeige selbst bestimmen. Wie wichtig Dir das ist überlasse ich gerne Dir selbst.
Wie wärs mit folgendem Trick. Für das später zu ladende Bild setzt Du einfach ein 1x1 pixel großes transparentes Image mit den Höhen und Breitenangaben des späteren Bildes ein. (Läd sicher schnell). Das andere Bild wird normal geladen. Später, nachdem der Rest aufgebaut wurde, ersetzt Du das 1. Bild mittels Javascript mit dem endgültigen Image.
Das Vorlade Bild:
<img name="vor" src="images/trans1x1.gif" width=250 height=80 border="0">
das Script zum Ersetzen:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var preload = new Image();
preload.src = "images/anilogo.gif";
function ersetzen() {
document['vor'].src = preload.src;
}
// End -->
</script>
Das sript kannst Du z.B. (auch verzögert) als onload() Event aufrufen
Wilhelm