CSS предзагрузка изображений возможна?
Существует простая конструкция типа:
Проблема в том, что когда первый раз наводишь курсор на кнопку она моргает, т.к. buy_button_bg_hover.png подгружается только после наведения на неё курсора. Сейчас я в html просто подгрузил имадж с display: none;, но это плохо, т.к. приходится вести лог таких костылей.
Есть ли более изящное решение позволяющее сделать подгрузку записью в css?
Код:
.flypage .kolvo input.button1{
background: url('../images/buy_button_bg.png') repeat-x;
}
.flypage .kolvo input.button1:hover{
background: url('../images/buy_button_bg_hover.png') repeat-x;
}
background: url('../images/buy_button_bg.png') repeat-x;
}
.flypage .kolvo input.button1:hover{
background: url('../images/buy_button_bg_hover.png') repeat-x;
}
Есть ли более изящное решение позволяющее сделать подгрузку записью в css?
javascript'ом подгрузить в head, пока документ ещё грузится. И очень удобно спрайтами в таких случаях пользоваться.
Ну так что я просто имадж подгружаю, что джавай один черт будет 2 записи в абсолютно разных местах.
А вот использовать спрайт - это действительно хорошая идея, т.к. всё останется в css. Просто как-то уже забыл про существование такой полезной вещи.
Можнозакрывать.
P.S. Если кто-то найдет этот вопрос вот полезная статья про юзание спрайтов: habrahabr.ru/post/159027/
А вот использовать спрайт - это действительно хорошая идея, т.к. всё останется в css. Просто как-то уже забыл про существование такой полезной вещи.
Можнозакрывать.
P.S. Если кто-то найдет этот вопрос вот полезная статья про юзание спрайтов: habrahabr.ru/post/159027/
Можно загружать все образы кнопки в одном файле.
