Навигация через активные изображения

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

Варианты эффектов активности изображений:

1 Вариант: эффект смены цвета рамки	2 Вариант: эффект увеличения изображения
При наведении мышки на изображение, цвет рамки меняется с одного цвета на другой	При наведении мышки на изображение, ее размер увеличивается
3 Вариант: эффект окрашивания изображения	4 Вариант: эффект затемнения изображения
При наведении мышки на изображение, оно с бесцветного заменяется на цветное	При наведении мышки на изображение, оно затемняется и появляется подпись, например, названия раздела для перехода

Эффект активности изображений часто используется для кнопок:

Самые популярные варианты - смена цвета кнопки при наведении мышки на нее (вариант 1) или замена кнопки на другую (вариант 2).

Вариант 1: смена цвета кнопки при наведении	Вариант 2: замена кнопки на другую при наведении

Технически этот эффект создается за счет подключения сразу двух изображений:

- одно изображение отображается постоянно (пассивное);

- второе изображение (активное) появляется при наведении мыши на пассивное.

Замена происходит очень быстро, поэтому создается впечатление, что изображение "оживает".