Ich entwickle ein Skript, in dem der Benutzer eine Reihe von Daten auswählt, und dann hole ich ein paar Bilder (über 150) vom Server und dann habe ich Schleife Trog ihnen etwas zu machen, wie ein Film. Was ich wissen möchte, ist der effizienteste Weg, Verzögerungen beim Verschieben durch die Bilder zu verhindern.schnelle Laden von vielen Bildern auf HTML
Derzeit bin ich hole die Bilder vom Server mit Ajax und speichern sie in einem Array von Bildobjekten auf dem JavaScript. Im HTML habe ich ein div-Tag, in das ich die Bilder einfügen möchte. Nachdem ich alle Image-Objekt fertig zu schaffen (und ihre richtige src Einstellung) in der Anordnung, ich folgendes tun:
imgElem = document.createElement('img');
document.getElementById('loopLocation').appendChild(imgElem);
imgElem.src = images[0].src;
Danach mache ich gerade das letzte Gespräch, aber die Schleife Index ändern. Ich mache das alle 400ms. Die Schleife funktioniert, aber manchmal hinkt sie und es friert länger auf einem Bild ein, als es sein sollte. Ich möchte wissen, ob ich in der Lage bin, dies von der Client-Seite aus zu verbessern, oder ich brauche nur einen Server, der schneller reagiert.
Hm, wie wäre es, alle Bilder Vorbelastung Bevor Sie beginnen, sie in einer Schleife zeigt? oder ist das aus irgendeinem grund keine option? – Raine
Ich lege sie auf das Array, bevor sie angezeigt werden. – Sednus
Ja, siehe den unten stehenden Link. Es gibt eine Möglichkeit, das Skript auszuführen, nachdem alle Bilder erfolgreich in den Cache des Browsers geladen wurden. Dadurch kann die Schleife sie nicht "on the fly" laden – Raine