Как сменить стиль текущей ссылки ?

Question

[Сергей Коваль]

Есть блок смены языка, в нем 3 картинки. Нужно чтобы выбранная картинка(язык) были цветной, а остальные две черно-белые.
Черно-белые картинки сделал с помощью filter:grayscale(100%). Присвоил этот класс ссылкам. Так как отменить его выбранной(текущей), на которой сейчас находимся, ссылке ?
Желательно без php...Пока что с ним не знаком.
Вот сайт

Answer 1

[Michael Danilov]

.lang a {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.lang a:hover,
.lang a.active {
  -webkit-filter: none;
  filter: none;
}

Класс `.active` при генерации страницы вешайте на нужную ссылку (нужный язык).

Comments

[Сергей Коваль]

не работает. Они все сразу черно-белые

[Michael Danilov]

Да, изначально они все черно-белые. В коде страница надо подправить, что если загружается страница языка, то к ссылку надо добавить класс `.active`, который отключить серость для неё. Также серость отключается при наведении.

[Сергей Коваль]

@MonkAlbino все верно. Я так и сделал. Но ,увы...ничего не происходит(

[Michael Danilov]

Да, в стили после `.active` запятую недоглядел.
jsfiddle.net/michaeldanilov/9q4Ak - вот пример. После клика как бы открывается новая страница с нужным классом

[Сергей Коваль]

большое вам спасибо ) все работает )
Но ещё один вопрос ) Как сделать одну из картинок сразу активной(цветной) ? @MonkAlbino

[Michael Danilov]

Повесьте класс .active в коде страницы, когда идёт обработка этого блока

[Сергей Коваль]

@MonkAlbino извините за тупость, но я не совсем понял что делать...
Я же сразу прикрепил .active к картинкам, а теперь нужно чтобы одна картинка(по умолчанию,selected) - была цветная.

Answer 2

[Lisonok]

Сделайте еще три картинки - черно-белые, и при наведении меняйте на цветные. В данной ситуации будет самым легким и кроссбраузерным способом