I experience the same issue as Peter in Firefox with caching turned off.
(although I don't see a delay, I know it's loading a fresh copy of the image when the firewall winks at me every time I roll over tabs on the Fast Company web site.)
Here's a real purdy looking tutorial from Dan Cedarholm, note the comments bring up this very issue.
http://www.simplebits.com/archives/2003/09/30/accessible_imagetab_rollovers.html
I agree with Peter, it's a clean way to handle roll-overs. And the majority of users might have caching turned on. Otherwise if you follow the link at the bottom of the Pixy tutorial, there's a simple band-aid.
Regards, Ben
Peter Firminger wrote:
I know I have my browser (IE 6 WinXP Pro) set to not cache anything, but this method doesn't work for me. Over a second delay on rollover and roll off with a blank space in the meantime. It makes no difference to a JavaScript preload at all. Much better code though so I'm not canning it.
*From:* Michael Kear **
Using this technique you can get all the graphical/ 3d advantages of javascript rollovers, but instead of javascript it uses CSS to move an image around giving the rollover effect.
The article’s at http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************