Лучший способ предварительной загрузки изображений при сохранении состояния - это текст?

Question

Я знаю, что использование CSS-спрайтов - это путь, который вы используете, когда используете изображения для обоих состояний, но как насчет того, когда у вас есть текст в виде незавершенного состояния & изображение при наведении?

Есть несколько способов, о которых я могу думать, но интересно, какой метод является лучшим в мнениях людей?

Я могу придумать это с помощью JavaScript или загрузить его с помощью скрытого элемента CSS.

Answer 1

Вы используете CSS-спрайты для other relevant images на вашем сайте?

Если нет, то вы должны это сделать.

Имейте «другие соответствующие изображения» и «изображения меню» в одном и том же изображении спрайта.

Даже если это только для другого изображения, это будет означать, что ваши изображения :hover автоматически загружаются.

Answer 2

Вы можете использовать один и тот же спрайт, просто установите спрайт в прозрачный раздел или background-position, и при наведении указателя установите его в нужное место и введите text-indent текст, если на изображении кнопки есть текст в теме.

Большинство браузеров не будут предварительно загружать скрытые изображения.