Bilder Preload

[molily]

Hallo,

Kann ich das Array mit den Urls der Bilder beim Aufruf der Webseite irgendwie preloaden oder cachen?

Ja. Du kannst ein Image-Objekt erzeugen (unsichtbar, nicht im Dokument), es im Hintergrund die Bild-URL laden lassen, auf den load-Event warten und erst dann die src des tatsächlich sichtbaren Bildes austauschen:

var rotation = function() {  
  var srcs = ['a.jpg', 'b.jpg', 'c.jpg'];  
  var i = 0;  
  var loadImage = function() {  
    var image = new Image();  
    image.onload = loadHandler;  
    image.src = srcs[i];  
    i++;  
    setTimeout(loadImage, 9000);  
  };  
  var loadHandler = function() {  
    // Das neue Bild ist jetzt geladen, tausche das Original aus  
    document.getElementById('das-tatsächliche-bild').src = this.src;  
  };  
  loadImage();  
};  
rotation();

(ungetestet)

Siehe
http://de.selfhtml.org/javascript/objekte/images.htm
http://de.selfhtml.org/javascript/beispiele/buttons.htm
(Ziemlich veraltet, aber diese Grundlagen stimmen noch.)

Mathias