Как предварительно загрузить CSS: наведите фоновые изображения ⇐ CSS

[Anonymous]

У меня есть несколько фоновых изображений, которые меняются при наведении курсора.

Пример:

Код: Выделить всё

.class1 {
background: url(/img/img-1.jpg) no-repeat top center;
}
.class1:hover {
background: url(/img/img-2.jpg) no-repeat top center;
}

Изображения теперь мерцают, поскольку они загружаются при наведении на них курсора.
Я пробовал использовать спрайты, но это не работает, так как изображения меняют размер для мобильных устройств.

Есть идеи? Это может быть css или jquery, не имеет большого значения

Подробнее здесь: https://stackoverflow.com/questions/451 ... und-images