Другой хитрый трюк, называемый CSS Sprites (изначально он назывался методом
Pixy), который использует единственное изображение для создания различных
Состояний одной навигационной кнопки.
ПРИМЕЧАНИЕ-----------------------------------------------Оригинальный
Метод Pixy (предшественник того метода, который мы изучим) описан в Интернете
По адресу http:/ /wellstyled.com/css-пopreload-rollovers.html. Эволюционировавший метод CSS Sprites
В настоящее время широко используется такими компаниями, как Yahoo и Google, причем не только
Для эффектов ролловера, но и для оптимизации скорости загрузки сайтов. Вы можете прочитать
Больше об этом на странице www.mezzoЫue.com/archives/2009/0l/27/sprite_optim.
Рассмотрим, как реализуется метод.
В программе редактирования изображений создадим один комбmшрованный
Рисунок с различными вариантами отображения кнопки. Нужно создать
Изображения, представляющие собой различные состояния кнопки: обычное
Иенажатое состояние, состояние при наведении указателя мыши, а также при
Необходимости состояние нажатой кнопки. Далее поместим изображения вертикально
Одно над другим. У нас будет два состояния кнопки: изображение в ненажатом
Состоянии должно располагаться сверху, а изображение-ролловер при
Наведении указателя мыши- снизу.
