Вед-дев, Сео, Манимейкинг

Подгрузка изображений для :hover через CSS

Иногда возникает необходимость в использовании абослютно разных изображениях для ссылок, например в обычном состоянии необходимо отображать image.png, а при hover image-hover.png, т.е. мы можем просто сделать:

a { background: url('image.png') no-repeat 0 0; }
a:hover { background: url('image-hover.png') no-repeat 0 0; }

И в принципе всё будет работать, но при наведении на ссылку - изображение для hover состояния будет подгружаться только при наведении, т.е. пока она загружается мы ничего не увидем, и где-то спустя секунду (в зависимости от веса изображения и вашего интернета) мы увидим hover изображение. Это не очень красиво, поэтому необходимо подгружать hover изображения сразу (в нынешнее время у всех интернет каналы хорошие).

<div id="hover"></div>

Создаем пустой див с любым ID

div#hover {
  background: url('image-hover.png') no-repeat -9999px -9999px;
}

Указываем для нашего id="hover" изображение для hover состояния, тем самым оно будет подгружаться сразу и при наведении не будет пустых изображений. В дальнейшем вы можете просто указать:

a:hover { background: url('image-hover.png') no-repeat 0 0; }



Комментарии (0)

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 11 месяцев 2 дня назад
    Спасибо. С Новым Годом! 
  • Den 11 месяцев 4 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 11 месяцев 4 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 1 год 3 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 1 год 3 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 1 год 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 1 год 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 1 год 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 1 год 1 месяц назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 1 год 2 месяца назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!