Ссылки.

[Sedacove]

Добрый вечер! Имеется: 3 ссылки, над каждой ссылкой картинка. Что нужно сделать:

Допустим, первая ссылка «Деревянные дома» над ней картинка дома. Вторая ссылка «Бани» над ней картинка бани. и 3 ссылка «беседки» над ссылкой картинка беседки. Вот что теперь нужно сделать:

Когда мы находимся в разделе сайта «Бани», то, фон ссылки становится другим по отношению к тем двум ссылкам, а картинки над теми двумя ссылками становятся размытыми. Как с помощью css/html такое сделать — если нельзя, то скажите, как с помощью JS сделать. Пример прикладываю:

Edited September 26, 2011 by Sedacove

[Быколай]

яваскриптом проверять на соответствие window.location и адреса ссылок. если совпадает, то один класс присваивать, если нет - другой. а класс например может рулить бэкграундом, или прозрачностью. можно, например, картинки выводит фоном, а поверх них мутный муар навешивать. и в случае если надо показать чёткую картинку, делать муар прозрачным. или вообще, если активная ссылка, выводить нормальную картинку, а для остальных обработанные эффектом. в общем всё от вашей фантазии зависит.

Edited September 26, 2011 by Быколай

[Softlink]

Да и на css можно такое сделать. Не сам эффект, а подмену картинки для определенной ссылки. Спрайты можно сюда затулить например.

Смотря какая там конструкция в целом на сайте.