imageObject.onload = function() == doesn't work in IE

**matsko** · Apr 18, 2007 23:03

I scripted a function in javascript that takes an image src and then sets a new Image() to have the src. Once the image is loaded, it gets displayed.

Code:

var new_image = new Image();
new_image.src=newImageSrc;
new_image.onload = function() { ... }

I noticed that the code works in firefox, but not in IE. I found this to be a problem since the onload attribute works perfectly fine when coded into the html for Internet Explorer.

However, it doesn't work when coded through javascript.

Is there anyway to get the onload listener for images to work in IE?

**Pepejeria** · Apr 19, 2007 01:05

Following works fine in Firefox and IE 6

Code:

<html>
<body>
<script>
var new_image = new Image();
new_image.src = "http://www.sitepoint.com/forums/image.php?u=55537&dateline=1134619804";
new_image.onload = function() { document.body.appendChild(new_image); }
</script>
</body>
</html>

**SimplyFu** · Apr 19, 2007 05:29

hm... try to assign your onload function before assigning src element to the image object. that should work fine.

**Pepejeria** · Apr 19, 2007 05:30

There is no need to do that though... The effect will be the same.

User Tag List

Thread: imageObject.onload = function() == doesn't work in IE

Thread Tools

Display

imageObject.onload = function() == doesn't work in IE

Bookmarks

Bookmarks

Posting Permissions