I\'m going mad with the following problem which does not happen on any other browser (Chrome, Firefox):
I have the same problem with images not displaying in IE8 but ok in other browsers. This is even the case with locally saved files. If i open with IE8 I get red x, but every other program displays ok. I looked at the properties of the image and they originated from Photoshop, so I'm guessing it's the CMYK issue as stated above. If I save this image using RGB project, the issue is resolved.
It sounds like an issue with your server. A few things to try, to narrow down the problem:
See if it works statically. That is make a flat html page that includes these images. Do they show up?
Try changing it so that your timer executes a single function that does a loop, rather than calling the timer in a loop.
Have it do a document.write (at page load, without any timers), simply writing the html for the elements (along with the urls so you can see what it is doing)
Have it do it, rather than with a timer, in response to clicking a button on the page. Have it do one image at a time.
I think if you try all these things, you'll likely arrive at the problem, but if not, report back what happens.
Yeah, I still don't know what the problem is. People have been suggesting it's CMYK. If that solution works for you, that's great. I'm using libPNG for encoding and RGB at all times. CMYK was not the problem for me.
I implemented HTTP server using Boost/asio http server sample #3. As well as Java Servlet. Same problems. Sometimes it works, sometimes it doesn't
I give up.
I believe that in IE you need to set the source after the element is appended to the DOM, otherwise it won't render correctly.
Check what color mode your images are in.
I have accidentally switched the color mode of an image from RGB8 to CMYK in Photoshop, and ran into the same problem. IE8 would fail to display the image, while Firefox would have no trouble at all.