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

 

 

Стандартное изображение
Иван Никитин
Иван Никитин -- основатель и директор компании «Иван Никитин и партнеры» специалист в области интернет-маркетинга и веб-аналитики с более чем 15-летним стажем. Он реализовывал сотню проектов по внедрению систем аналитики. Компания Ивана существует с 2011 года и десять лет занимается веб-аналитикой: от простых задач внедрения аналитических средств на сайт до действительно сложных решений data-driven маркетинга. Интересные факты: ✔️ До основания своей компании Иван двенадцать лет преподавал ряд курсов, связанных с веб-программированием и аналитикой, в ЦКО «Специалист» при МГТУ им. Баумана. ✔️ Около 80% клиентов Ивана, получив решение, возвращаются со следующей задачей. И наша компания за все время существования ни разу не давала рекламу! ✔️ Автор курсов по аналитике, которые по сей день читаются во многих учебных заведениях: РАНХиГС при Президенте РФ в программе MBA Executive, ALMA University, Центр Мастеров, Учебный центр РРС и другие.
Статей: 641

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