JavaScript/Window/Image()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft Window.Image() ist ein Prototyp, der dem img-Tag gleichkommt, aber nicht angezeigt wird.

Syntax

new Image(breite, hoehe);

Parameter sind die Breite und Höhe des zu erzeugenden Image-Objekts in Pixeln.


Beispiel
var bild = new Image(100, 200);

bild.src = 'meinFoto.jpg';
bild.alt = 'Selfie nach dem letzten Absturz';

Mittels Image() wird ein neues Bild erstellt. Dieses kommt, wie oben erwähnt, einem img-Tag gleich, wird aber nicht angezeigt. Es hat aber alle Eigenschaften eines solchen.

Zu einem späteren Zeitpunkt erhält das Bild dann über das src-Attribut eine URL und ein alt-Attribut, sodass es jetzt angezeigt werden kann. Dazu kann es z. B. mittels appendChild eingefügt werden.

Dies entspräche einer direkten Einfügung mittels folgendem Markup:

<img width="100" height="200" src="meinFoto.jpg" alt="Selfie nach dem letzten Absturz">