Page 1 of 1

image download ordering

Posted: Sat Apr 07, 2007 10:37 am
by malcolmboston
I have products placed on top of a div with background-image applied to it, the filesize for that background is tiny whereas some of the images are large.

What happens currently is the browser first downloads the product image and then does the background image, i would like to have the abckground image appear first.

Anyone know how to do this?

edit: on a side note, im also preloading the background image, still not showing before the image

Posted: Mon Apr 09, 2007 12:07 am
by Benjamin
Have a link we can view it at?

Posted: Mon Apr 09, 2007 4:44 pm
by JAB Creations
If it's that important I would hide (though not with display: none;) the background image to have it loaded from the browser's cache. I'm not sure if this will actually allow the BG image to load first but it is what I'd try offhand.

It should be noted that Internet Explorer (all versions up to and including version 7.0 at the time of this post) illegally request any and all files that are within parent elements set to display: none;. This is a shameful waste of bandwidth especially since half of the United States is still connecting via dialup! :o