Прелоад через 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

 

 

Добавить комментарий