PDA

Click to See Complete Forum and Search --> : IE8 issue with blank image

ynaik002
03-11-2010, 03:19 PM
I am working on an issue that displays a blank image instead of the actual image in IE8 few times. The image loads fine upon the first visit to the page (may be un-cached), however revisiting the same page again some times displays a blank image. The status bar some times says "1 item remaining" or "done" but the image is still blank (not broken). This issue is currently happening only on IE-8 and only on few systems and i have not noticed it on Firefox or older versions if IE. Is there any reason this might occur..Any suggestions would be appreciated.

Thanks...
rproctor83
03-12-2010, 10:05 AM
What type of image is it? Have you appropriately exported the image for use on the web? Are you running any type of javascript libraries or any scripts that might effect images? Are you sure you have linked to the image properly? Giving us an example of the link to the page would help.

Thanks
sajan1kota
03-12-2010, 04:36 PM
What is the format of the image??
ynaik002
03-15-2010, 08:41 AM
Thansk for the response.

It is a JPG image that i am trying to display on a page. It is not hosted on our servers but external image vendor hosts them. The issue is it displays most of the times but not always on IE8. On other browsers it just loads perfectly every time.

Since it is a restricted site, unf i cannot post the URL here. How ever i can say that it is not a straight fwd image call but an event attached to the window as following that display the image:

Event.observe(window, 'load', function() { Image Display function call });
trueplay
03-15-2010, 10:40 AM
See this is why I stick to using FireFox. I never have to deal with problems like this!


---------------
Asolo Boots (http://asolohikingboots.blogsavy.com/)
WebJoel
03-18-2010, 07:02 AM
We;re going to need to see some code for this..
ynaik002
03-18-2010, 03:04 PM
This is how the code snapshot looks like:

It uses prototype JS library.

<script>
function createImage(color){
var getImageElement = $("mainImage");
getImageElement.innerHTML="";
var newImage = document.createElement("img");
newImage.setAttribute("id", "imgID");
newImage.setAttribute("data-zoomsrc", zoomimageURL); newImage.setAttribute("src", imageURL);
newImage.appendChild(getImageElement);
MojoZoom.init();
}

Event.observe(this.window, 'load', function() { createImage(colorName) });
</script>

<body>
<div id="mainImage"></div>
</body>

Also is there a way to make sure the Event.observe function is always called. I think the function is not being called few times in IE.
Thanks...