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:
<SCRIPT LANGUAGE="JavaScript">
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;
}
<div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div>
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.
