CSS image preload

liunx

Guest
I have an idea but do not have a slow enough connection to try it.
If you have background images for rollover buttons, the rollover image will not load until the first time you roll over the button, causing a possible delay on the rollover.
What if you positioned a copy of the image off the page somewhere so that it would load with the rest of the site?
I think that would eliminate the pause on the first rollover.
Anyone with a slower connection want to test this theory?Many people are now using a "sliding window" technique. In this one graphic file has both the normal image and the rollover image side-by-side in the same graphic. In your stylesheet you specify the background image position so that the default part of the image is in the displayable area of the HTML element, then define a :hover style where the background image position displays the other half of the graphic.Unfortunately no matter which you use, some versions of IE will still Download the image again (even if it's just sliding - my favorite method). IE is just stupid
 
Back
Top