Bildershow von "Felix Riesterer"

[Felix Riesterer]

Lieber Timur,

Du machst Fortschritte! Hey, das gefällt mir!

this.bspeicher[i].width = 170;
this.bspeicher[i].height = 170;
[...]
zwar funktioniert es in einigen Browsern (IE7, FF) aber nicht in allen (IE6, Netscape).

ich bin jetzt selbst nicht so ganz sicher, warum Du kein einheitliches Verhalten in allen Browsern bekommst. Aber lass mal nachdenken.

Du verleihst einem Bildobjekt eine Eigenschaft namens "width" bzw. "height". Im Prinzip hätte ich jetzt erwartet, dass das Bildobjekt im Grunde ein HTML-Elementobjekt ist, das im Quellcode später als <img...> notiert werden wird. Allerdings weiß ich nicht, ob ein document.createElement("img") dasselbe bewirkt, wie ein new Image()...

Jedenfalls können <img>-HTML-Elementobjekte ein width- und ein height-Attribut haben. Ob man diesen Attributwert auch dadurch verändern kann, indem man einfach <Bildobjekt>.width und <Bildobjekt>.height einen Wert zuweist, kann ich nicht beurteilen.

Ich weiß aber, dass nach dem Laden des Bildes, dieses in seinen Eigenschaften width und height die tatsächlichen Abmessungen der Bilddatei trägt. Eventuell ist also der Wert der beiden Eigenschaften nicht unbedingt dasselbe, wie wenn man <img height=12 width=34> notiert.

Deshalb schlage ich folgenden Versuch vor:
Anstatt die Objekteigenschaften width und height zu "überschreiben", geben wir die Eigenschaften an das style-Objekt des Bildobjektes weiter. In HTML kann ich ja das hier notieren:
<img src="..." alt="..." style="width:100px;height:100px;" />
Und diesen Inline-Style erhalte ich in JavaScript so:

<HTML-Objekt>.style.width = "100px";  
<HTML-Objekt>.style.height = "100px";

Wo könnte man die Bildergröße ändern, damit es überall gleich ist.

Du magst keine Fragezeichen, gell? Also, anstatt this.bspeicher[i].width, notierst Du das, was ich vorgeschlagen hatte. Und das kriegst Du hin! Ich kann Dir nur nicht versprechen, dass es zum gewünschten Ergebnis führt...

Liebe Grüße,

Felix Riesterer.