WinHQ.org website - CSS preloading

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



Hi,

I wasn't sure where to write this so thought I'd just put it in the forum. The WineHQ.org website is great, just I think pre-loading the hover images for the main menu section would make the site even better as it would no longer mean the hover images would need to be loaded when the mouse is hovered over them.

I found a solution here:
http://www.maratz.com/blog/archives/2005/06/22/preload-hover-images-in-css/

So, currently the CSS is e.g. as follows:

Code:
ul.winehq_menu li.info             { background-image: url('images/main_info.png'); background-repeat: no-repeat }
ul.winehq_menu li.info:hover       { background-image: url('images/main_info_s.png'); background-repeat: no-repeat }



And instead doing something like:

Code:
ul.winehq_menu li.info             { background-image: url('images/main_info_s.png'); background-repeat: no-repeat }
ul.winehq_menu li.info:link        { background-image: url('images/main_info.png'); background-repeat: no-repeat }
ul.winehq_menu li.info:hover       { background-image: url('images/main_info_s.png'); background-repeat: no-repeat }


Should hepofully preload the images (haven't tested it out though).

Cheers, Arite.






[Index of Archives]     [Gimp for Windows]     [Red Hat]     [Samba]     [Yosemite Camping]     [Graphics Cards]     [Wine Home]

  Powered by Linux