Лучший способ предварительно загружать изображения, когда какой-либо статус - текст? - PullRequest
0 голосов
/ 30 мая 2011

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

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

Я могу подумать о том, чтобы сделать это через JavaScript или загрузить его через скрытый элемент CSS.

Ответы [ 2 ]

1 голос
/ 30 мая 2011

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

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

1 голос
/ 30 мая 2011

Вы используете CSS Sprites для других соответствующих изображений на своем веб-сайте?

Если нет, то вам следует это сделать.

Поместите ваши "другие соответствующие изображения" и "изображения меню" в одно и то же изображение спрайта.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...