Прелоад через CSS

Наткнулся на описание интересных приемов заранее загрузить картинку для эффекта rollover с помощью CSS. Весьма оригинальные способы. Особенно вот этот понравился:

2. Прелоад через a:link

Таким образом можно закэшировать hover_img.gif для элемента навигации.
Селектор a:link “перебивает” просто a — поэтому визуально ничего не изменится, но броузер поместит файл в кэш:

1. a{
2.   background-image: url(”hover_img.gif”);
3. }
4. a:link,a:visited{
5.   background-image: url(”default_img.gif”);
6. }
7. a:hover{
8.   background-image: url(”hover_img.gif”);
9. }

Этот метод в принципе похож на четвертый, но для полноты я описал их отдельно.

Полностью оригинал здесь:

cssing » Архив » Прелоад через CSS