Задать вопрос
wbrapist
@wbrapist
Ты в порядке?

Как решить проблему подгрузки изображений, установленных как background-image?

Здравствуйте.

Есть панель. При наведении на элемент панели подставляется другое изображение. Изображения устанавливаются блоку с помощью background-свойства.
При срабатывании hover видно задержку в смене изображения. Как я понял, можно применить спрайты, а что еще помимо них можно использовать?
  • Вопрос задан
  • 275 просмотров
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
twobomb
@twobomb
Мне кажется лучше всего эти изображения переделать на svg. Еще вариант что если второй вариант изображения не подгружать, а изменять существующее фильтром?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
IvanTheCrazy
@IvanTheCrazy
Еще можно подставить закодированные в base64 изображения (inline-background) - оба изображения в этом случае подгрузятся одновременно с CSS файлом и задержки не будет. Но изображения должны быть небольшими, т.к. именно на их размер увеличится размер CSS файла.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы