Прелоад через CSS
Наткнулся на описание интересных приемов заранее загрузить картинку для эффекта rollover с помощью CSS. Весьма оригинальные способы. Особенно вот этот понравился:
2. Прелоад через a:link
Таким образом можно закэшировать hover_img.gif для элемента навигации.
Селектор a:link “перебивает” просто a – поэтому визуально ничего не изменится, но броузер поместит файл в кэш:
- a{
- background-image: url(”hover_img.gif”);
- }
- a:link,a:visited{
- background-image: url(”default_img.gif”);
- }
- a:hover{
- background-image: url(”hover_img.gif”);
- }
Этот метод в принципе похож на четвертый, но для полноты я описал их отдельно.
Полностью оригинал здесь: