Всем здрасьте! Помогите чайнику!
Есть таблица. В каждой ячейке расположены полупрозрачные картинки. При наведении курсора на одну из них она (и все картинки с таким же классом) становятся не прозрачными (100% цвета). Убираешь курсор - цвет пропадает. Хочу сделать, что бы при нажатии на любую из подсвеченных картинок - подсветка оставалась на всех картинках. При нажатии на другую группу картинок она тоже приобретала полный цвет. При втором нажатии - возврат в исходное положение. Сейчас подсветка не фиксируется. Реализовано через скрипт:
<style type="text/css" media="screen">
span.hovered {
filter: alpha(Opacity=100); /* Полупрозрачность для IE */
opacity: 1.0; /* Полупрозрачность для других браузеров */
}
span {
filter: alpha(Opacity=40); /* Полупрозрачность для IE */
opacity: 0.40; /* Полупрозрачность для других браузеров */
}
</style>
Подсказали вот это:
http://jsbin.com/yumiv/1/edit?output
Это как раз то, что мне хотелось бы реализовать!
Но не могу разобраться, что вставить в свой скрипт!
К сожалению не силен в создании сайтов! Знаю, что надо учится, но совершенно нет времени! Может кто поможет?