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

 

 

Стандартное изображение
Иван Никитин
Никитин Иван Геннадьевич окончил Северо-Кавказский Горно-Металлургический Институт, факультет электронной техники по специальности инженер промышленной электроники. Места и опыт работы СКГМИ, ФЭТ, преподаватель программирования Судебный департамент при Верховной Суде РФ, системный администратор Центр Компьютерного обучения "Специалист" при МГТУ им. Баумана, преподаватель, руководитель направления веб-технологий Центр Компьютерного обучения "Центр Мастеров", преподаватель Высшая школа корпоративного управления Российской академии народного хозяйства и государственной службы при Президенте Российской Федерации, преподаватель Интернет-агенство BinN, руководитель отдела поискового продвижения, аналитик Статусы и сертификации Microsoft Certified Solution Developer Microsoft Certified Trainer Zend Certified Engineer Google Advertising Professional Список читаемых курсов Разработка веб-приложений ASP.Net Разработка веб-приложений PHP Разработка веб-приложений AJAX (автор курса) Эффективная работа с Microsoft SharePoint (все версии, автор курса) Интернет-маркетинг и поисковое продвижение (автор курса) Google Analytics, полный курс (автор курса) Информационные технологии в бизнесе в рамках Executive MBA (автор курса)
Статей: 641

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