Preserved Topic: iFrame pre loading trick got broke (Page 1 of 1)

So I'm making a website and I'm using that neto pre loading a html page to an iFrame trick then throwing it into a Div for display but I ran into a problem.

Somewhere in the process of transfering the data from the iFrame to the DIV it buggers up any and all image files in said loaded html page.

It writes in the image tag just fine but I get left with just a big blank space where the images should be. Even if I link the image I can't even see the link border that should be around the image but I can still click on the area it's meant to be in and the link will work. Anyone know what could be going wrong?

Or is it just not possible to use innerHTML() to write an image into a document/div once the page has rendered?

Sounds like you are using display: none; . Try display:hidden . Sometimes the browser won't bother to load img files if display is set to :none.

when I know everything, will my brain
stop hurting so much when I code?

(I think you mean visibility:hidden; there is no display:hidden.)

No, I was using visibility:hidden to start with and I thought that might have been the problem untill I re-positioned the iFrame above everything else so I could see the content being loaded into it.

The images work when they are loaded into the iFrame but something goes wrong when I read the HTML out of it and write it into the DIV.

I'll come back tommorow and post a working (non working to be exact) example so you can see what's going on. Although I'm also using PNG images with Youngpup's sleight script so that may be causing a problem too. The images I'm loading in aren't PNG's but the DIV I'm writing them into is positioned above a PNG image.

Anyways, I've got a bunch of other stuff to finish today so yah, be back tommoroow with live example for you to pick appart.

Show us the code if you can.
It could be a bug , I know an old design I had did similar, it was only whatever version of IE I was using and my spaghetti like code. It would work fine but the images wouldnt load. All it took was to click the link a few more times. But the space where the images where supposed to be where filled (with blankness) as in they did take up the space they should have and you could view the properties of them etc..

Yay!

I Fixed it!

It was a visibility problem. When I was writing the content into the DIV it's visibility was set to hidden. For some odd reason IE decided that the images I had in there should also be set to hidded as well -- no love, nup... none.

Anyways, a simple hack to cycle through each image and fix it's visibility showed me where the love was.

All good.