Как осуществить смену изображения в зависимости от выбранного переключателя?

Question

[Дмитрий]

Здравствуйте!
Есть три изображения - JSFiddle. Нужно, чтобы, в зависимости от выбранного пункта. картинка менялась на другую. Подскажите, пожалуйста, как это осуществить?

Answer 1

[Stalker_RED]

Можно так или так.

Comments

[Дмитрий]

Stalker_RED видимо я не так выразился. Мне нужно, чтобы при выборе пункта A, картинка у этого пункта A изменялась на другую. У меня пока только вышло так

[Дмитрий]

В общем, картинка в каждом пункте должна меняться на свою

[Stalker_RED]

Дмитрий: Вот теперь я совсем запутался.

[Stalker_RED]

Дмитрий: Не?

[Дмитрий]

Stalker_RED Картинка A меняется на A2. Картинка B меняется на B2. А С на C2 и так далее.

[Stalker_RED]

Дмитрий: Еще вариант. Можете поиграть сами со стилями.

[Дмитрий]

Stalker_RED если визуально, то это должно выглядеть так(наведите на каждый кружок). Только с использованием radio и img как в предыдущем примере.

[Stalker_RED]

Дмитрий: можете взять вариант с checked в css, и сделать под все три варианта.
ну или на js класс менять, или src второй картинки в data-атрибуте хранить. Вариантов много, и хз что лучше под ваш случай.

[Дмитрий]

Stalker_RED а можете привести пример с data-атрибутом?

[Stalker_RED]

Дмитрий: Например так: https://jsfiddle.net/yc3ytqqh/

[Дмитрий]

Stalker_RED: Большое спасибо