Wie wird das Bild in der Reihenfolge geladen?

Question

Ich arbeite mit PHP. Ich habe Bilder in Ordnung gehalten. Wenn ich abfrage, kommen die Bilder in Reihenfolge, aber wenn sie geladen werden, werden sie nicht in der Reihenfolge geladen. Die kleinen Bilder laden zuerst und dann große Bilder. Zum Beispiel habe ich 5 Bilder. Diese Bilder sollten der Reihe nach geladen werden (1,2,3,4,5). Aber hier passiert es nicht. Bild 4 lädt zuerst, dann 2, 1 und so weiter. Was kann ich für dieses Problem tun? Ich hoffe auf eine Lösung.

Vielen Dank im Voraus.

Answer 1

Wenn Sie über die Reihenfolge Bilder sprechen von einem Web-Browser angezeigt werden, müssen Sie nicht viel Kontrolle über das, so lange wie Sie mehrere <img> Tag auf Ihrer Seite haben:

• der Browser anfordern die Bilder vom Server in der Reihenfolge, die es will (am wahrscheinlichsten ist das erste Tag angetroffen wird das erste Bild angefordert)
• jedes Bild braucht einige Zeit zum Download; und jedes Bild wird angezeigt, wenn es heruntergeladen wird; wenn kleine Bilder betrachtet werden sollen, sollten sie schneller heruntergeladen werden, kleine Bilder sollten zuerst angezeigt werden ... abhängig von der Reihenfolge, in der sie angefordert wurden - siehe vorheriger Punkt.

Am Ende, wenn Sie in der Größenordnung absolute Kontrolle wollen die Bilder angezeigt werden, sollten Sie Ihre anfänglichen HTML wahrscheinlich nicht enthalten alle <img> tags: eine Lösung, die, in der richtigen Reihenfolge hinzuzufügen wäre, wenn die vorheriges Bild wird heruntergeladen.

Dies kann wahrscheinlich mit etwas JavaScript-Code durchgeführt werden, um zu erkennen, wenn ein Bild geladen wird (Ereignis "laden"); und wenn ein Bild geladen wird, fügen Sie einfach ein neues Tag der Seite hinzu, für das nächste; und so weiter.
Aber ich würde nicht mit einer solchen Idee gehen: Es wird nicht funktionieren, wenn JS deaktiviert ist, werden Ihre Bilder von Suchmaschinen nicht gesehen werden.

Answer 2

Sie können alles auf Ihrem Webserver steuern, aber nichts auf Netzwerk- oder Browser-Seiten.

Eine mögliche Lösung besteht darin, ein einzelnes Bild zu erstellen, das Ihre fünf Bilder enthält, und jeden relevanten Teil an der entsprechenden Position anzuzeigen.

Answer 3

Haben Sie versucht, sie mit einer JavaScript-Bibliothek vorzuladen?

Answer 4

Nicht sicher, wie Sie dies in PHP implementieren würden, aber in der Vergangenheit hatte ich normalerweise das Feld 'order' für jedes Bild, dann wurden die Bilder dynamisch nach dem Feld 'order' hinzugefügt.

Answer 5

Wie Sie sich denken sollten, wird das Bild entsprechend ihrer Größe geladen. Natürlich werden die kleineren vor den größeren geladen. Und yeah, wie Eyze sagte, wat über Sie laden Sie sie mit einem Javascript Preloader und zeigen sie in der richtigen Reihenfolge?