Are hover background images automatically preloaded?

[Thomas Mlynarczyk]

Hi!

When I assign a different background image "on hover" for an element, such
as

a {background-image:url(normal.gif);}
a:hover {background-image:url(hover.gif);}

is the hover image then automatically preloaded by the browser? Or would I
have to include a JavaScript preload to make sure? (Mozilla seems to
preload, but I can't get any preloading to work on my IE5 - not even with
JavaScript; but maybe there's just something wrong with my configuration,
though I have no clue what...).

Thomas

[Anne van Kesteren]

Thomas Mlynarczyk wrote:

Hi!

When I assign a different background image "on hover" for an element, such
as

a {background-image:url(normal.gif);}
a:hover {background-image:url(hover.gif);}

is the hover image then automatically preloaded by the browser? Or would I
have to include a JavaScript preload to make sure? (Mozilla seems to
preload, but I can't get any preloading to work on my IE5 - not even with
JavaScript; but maybe there's just something wrong with my configuration,
though I have no clue what...).

Thomas

Try this: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

--
Anne van Kesteren
<http://www.annevankesteren.nl/>

[Thomas Mlynarczyk]

Also sprach Anne van Kesteren:

Try this: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

Thanks a lot for this link - great idea. I've just tried it out and it seems
to work - except for my IE50 (haven't tested IE6 yet). My IE supports all
the features needed and produces the expected effect, but it still responds
to the hover as slowly as if it would get the image from the server! Why???

Could someone using IE50 please test the rollover?
http://www.mlynarczyk-webdesign.de/lena/

Thanks for your help.
Thomas

--