[JavaScript] Image Objekt und der IE

[Benny-one]

hi,
verzweifel gerade an meinem mini Script. Habe mir eigentlich alles genau bei selfHTML durchgelesen, aber der IE mag es nicht:

<script type="text/javascript">

function fill_form(banner_name, banner_width, banner_height, banner_path)
{
	var PreviewImage = new Image(banner_width, banner_height);
	PreviewImage.src = banner_path;

	document.images["preview_image"].src = PreviewImage.src;
	//document.images["preview_image"].width = PreviewImage.width;
	//document.images["preview_image"].height = PreviewImage.height;
}
</script>
<img src="bla.gif" name="preview_image" />

FF tauscht das bild aus, IE meldet document.images.preview_image ist kein Object (zeile 60: document.images["preview_image"].src = PreviewImage.src

[pekka]

GetElementById() probiert? Dann mußt Du PreviewImage aber auch eine ID geben.

[Benny-one]

document.getElementById("previm").src = PreviewImage.src;
es wird zwar kein Fehler mehr im IE ausgegeben, allerdings wird das Bild auch nicht gewechselt.

[pekka]

Hmmm? Komisch.
Wie sieht banner_path aus?

[Benny-one]

http://89.xxx.xxx.142/b5/images/11415547171139951118banner_1.png

FF kanns, IE net

[pekka]

Hmm. Irgendeine Cross-Site-Geschichte vielleicht? Hast Du's mit einem lokalen Bildpfad probiert?

[Benny-one]

ja. IE wie gesagt zickt rum.
bei der getElementById geschichte macht der zwar keine fehler, allerdings wird das bild nicht ausgetauscht.
bei document.images["preview_image"].src = PreviewImage.src; meldet er wieder fehler und FF machts immer, egal welche Variante, richtig.


wenn ich mit document.images[0].src = PreviewImage.src; arbeite, dann wird zwar ein bild ausgetauscht, allerdings das falsche. wenn ich nun mit dem index rumspiele (1, 2 etc.) dann meldet er wieder fehler.

[Benny-one]

also langsam dreh ich durch.

Ich habe 2 Bilder, untereinander:

<img src="./images/banner_add.png" alt="Banner 
hinzuf&uuml;gen" title="Banner hinzuf&uuml;gen" style="width: 22px; 
height: 22px; border: 0px; vertical-align: middle;" /><br />

<img src="./images/hr.gif" alt="Trennlinie" title="Trennlinie" 
style="width:534px; height: 1px;" />

und mit alert(document.images[0].src); bekomme ich nur die HR-Grafik, dabei ist das doch die [1] normal, oder bin ich doof?

[pekka]

Online-Beispiel?

[Benny-one]

Fehler gefunden. Lag an der pngfix.js Datei, die hat alle Imageobjekte die eine png-datei geladen haben rausgekickt.

[pekka]

Argh!

[Benny-one]

ja das ist echt argh. jetzt darf ich in allen Templates aus .png => .gif machen, nur damit der schrottige IE das rafft...echter drecks browser