how to really preload an image before content?

DolbyRoom · February 28, 2009

in fact how to achieve this sequence:

1) user requests index.html, style css

2) preloading image.jpg

3) loading and displaying content in <body></body>

these things didn't work for me:

Image1= new Image(498,527)

Image1.src = "body_bg-contacts.jpg"

</SCRIPT>

and

#preload img

{

height: 0; width: 0; border-width: 0;

position: absolute;

bottom: 0;

left: 0;

z-index: -30;

}

When I used the above or similar I still had smaller images and buttons loading before my main body_bg-contacts.jpg was actually loaded.

Any ideas of how to really control image preload?

I've tried some css and javascript codes, but as I said the MAIN IMAGE is not being loaded first.

rus · February 28, 2009

And as to that question answered Google?

P.S. учите русский.

rash · February 28, 2009

I don't think it is really possible, because it is supposed that loading markup and text before any other additional information like style or javascript or images is better practise, so browsers try to do so. Or, perhaps, some files are loading parallel with .html content, but not before. You can't pause loading a file which is already loading.

Sign In

how to really preload an image before content?

Question

DolbyRoom

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information