Как сделать выделение картинки по клику?

Question

[Ambal89]

Товарищи, подскажите пожалуйста, можно ли без яваскрипта с помощью css сделать выделение одной из нескольких картинок при клике на неё?

Answer 1

[Евгений Вольф]

Можно без JS обернуть одну или несколько картинок в ссылку и воспользоваться :active, тогда, по клику они будут как-то выделяться (как вы их сами выделите), или извратиться с CheckBox'ами или [тут ещё какие-то извращения].

То есть в целом - да. Подойдёт ли это конкретно Вам - уже другой вопрос.

UPD. Глядя на Вашу подпись, решил, что без примера не обойтись... Как видите - можно (это же и ответ на Ваш вопрос - как?). Нужно ли, устроит/подходит - решать Вам.

Comments

[Ambal89]

Спасибо за небезразличие, мне примерно так и нужно, только не чекбоксы, а радиокнопки (чтобы при выделении одного изображения, с другого снималось.) у меня немного иная проблема (я её подробнее расписал тут https://toster.ru/q/388302), но, так как она осталась без ответа, а сделать нужно срочно, я подумал, может можно сделать как-то без радиокнопок...

[Евгений Вольф]

Ambal89: мне кажется, если заменить чекбосы на радио-кнопки - эффект будет точно таким же.

[Ambal89]

Евгений Вольф: Спасибо! Здесь все работает. Поскажите пожалуйста, почему не работает в этом коде? (вроде бы почти все тоже самое) codepen.io/anon/pen/qRaerL

[Евгений Вольф]

Ambal89: порядок радио-баттонов и картинок - не правильный, CSS-селекторы (пока-что) так не работают, нет селектора "предыдущий элемент".

[Ambal89]

Огромнейшее спасибо!! подправил php плагина (поменял местами порядок) и все заработало!

[Евгений Вольф]

Ambal89: на здоровье, обращайтесь :)