Paul Novitski wrote:
> 2) Preload the hover-state images
...

At 11/15/2006 01:17 PM, Thierry Koblentz wrote:
4) Use CSS:
a:link,a:visited {background:url(up_image.gif) no-repeat 0
50%;background-image:url(down_image.gif)}
a:hover,a:active,a:focus {background-image:url(up_image.gif)}


Thanks, Thierry, that's very cool, I'll give it a try. I didn't know that referencing two background images for the same selector in this way would download both of them. (Do you recall if you stumbled on this yourself or got the idea from someone else?)

I still lean toward using a single composite background image and changing background-position on hover because of the lesser download weight, but I'll add this technique to my bag o' tricks.

Regards,
Paul


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to