images:
Das image Objekt
Das image Objekt ist ein Unterobjekt von document. Die wichtigsten Eigenschaften von image sind name und vor allem src. Ein Bild spricht man an, über den Array Images[] welcher bei 0 beginnend alle Bilder im Dokument zählt, oder über den vergebenen Namen. Mit src kannn man die Quelle der Bildinstanz ändern.
Test document.images[0].src='images/2.gif'
Test document.myPic.src='images/1.gif'
Obwohl wir beide Male die selbe Bildinstanz angesprochen haben, wurden dabei unterschiedliche Bilder aufgerufen; die Vase ist eben nicht die Blume.
new Image
Für Grafiken, welche jedoch nicht mit dem <img>Tag in das HTML Dokument geschrieben wurden,
muss durch new eine neue Instanz des (gross geschriebenen) Image Objekts erstellt werden.
Der Instanz wird dann eine Bildquelle (src="...") zugeteilt.
var bild = new Image(); bild.src="images/skull_neg.jpg"; Damit ist es in den Cache geladen.
Die weiteren Eigenschaften von images wie name, width und height, border, lowsrc lassen sich nur (aus-)lesen also leider nicht mit Javascript verändern. Mit CSS hingegen können width und height sowie border verändert werden!
Check den Code.