Comments on: CSS Preload Images

By: danreb

danreb — Tue, 03 Mar 2009 14:40:51 +0000

see the actual page http://www.teamquest-inc.com.ph

it works fine in all browser i tested

By: danreb

danreb — Tue, 03 Mar 2009 14:39:08 +0000

Continuation:

By: danreb

danreb — Tue, 03 Mar 2009 14:34:21 +0000

I encountered a situation that I need to preload not only images but including swf file that will be used in other pages of our company site, so I ended up using iframe to do it, If someone have a better solution for this please help.

Here what I done:

in my css here’s my code

.preload {
position: absolute;
top: -9999px;
left: -9999px;
height: 20px;
width: 20px;
display:inline;
overflow: hidden;
}

then at the bottom of my page before the closing body tag i insert the iframe in the div with a class preload and insert there the iframe that loads the html document consisting of all images and flash file that I need to preload and will be used in other pages of my site, here how I do it.

By: alex

alex — Sun, 13 Jul 2008 23:12:37 +0000

im guessing it doesnt work cos css2* doesnt support multiple background images.

my solution was to create a div (i think i set it’s display:none) on the page with preloaded images with width=1 height =1 (height/width=0) seems to not load the image on some browsers.

from what i remember, it was compatible with firefox 2/3, safari 3, ie6/7

http://www.songbirdestate.com.au

By: Glen Lipka

Glen Lipka — Fri, 11 Jul 2008 15:37:32 +0000

Hmm, Ill have to work on a different technique.

By: xPheRe

xPheRe — Fri, 11 Jul 2008 10:36:39 +0000

Neither does work under Firefox 3.
Only loads the last declared ‘background-image’
Nice idea, though

By: alex

alex — Wed, 25 Jun 2008 01:34:08 +0000

this doesnt work with firefox 2, but it does with safari

By: Glen Lipka

Glen Lipka — Tue, 27 May 2008 14:25:31 +0000

Yup.

By: Adaptiv CSS

Adaptiv CSS — Tue, 27 May 2008 09:32:45 +0000

Great solution, I assume I just put an empty div at the end of my page…