Картинка вместо Radio

Всем привет , появился вопрос , есть 4 картинки(на скрине) нужно что бы при выборе одной она как то подсвечивалась и выбиралась в качестве radio тега , то есть вместо тех точек поставить картинки. Как это можно провернуть?



Скрин http://c2n.me/3kWHBxa.jpg

Изм. 1 раз. / Посл. изм.

PERCHIKI 0.46

(19 июл 2015, 18:50)

Как вариант разрезать ту картинку на 4 в фотошопе. И потом придать каждой ссылку. И спомощью css сделать подсветку

Изм. 1 раз. / Посл. изм.

Zomboy 16.03

(19 июл 2015, 18:53)

То, что вы хотите - сделать не получится. Можно убрать radio и при нажатии на картинку передавать обработчику определенное значение методом GET.

Изм. 2 раз. / Посл. изм.

Денис Павлик 11.03

(19 июл 2015, 18:55)

Примерно так. Но этот вариант без подсвечивания.
<label for="radio_1"><img src="#url" alt="Картинка 1"/></label>
<label for="radio_2"><img src="#url" alt="Картинка 2"/></label>
<label for="radio_3"><img src="#url" alt="Картинка 3"/></label>

<div style="display: none;">
<input type="radio" name="type" value="1" id="radio_1"/>
<input type="radio" name="type" value="2" id="radio_2"/>
<input type="radio" name="type" value="3" id="radio_3"/>
</div>

Изм. 1 раз. / Посл. изм.

Миледи 24.08

(19 июл 2015, 18:56)

Zomboy, Это 4 картинки , они уже как бы разрезаны)

PERCHIKI, hover в помощь.

Annet, Спасибо)

Тема закрыта для обсуждения!