Как сделать, чтобы при нажатии на кнопки менялись картинки?

Question

[osimone]

смена картинок при нажатии на input'ы работает, но когда добавляю второй блок с inputтами, то уже первый блок перестает реагировать на нажатия и картинки не меняются

вот пример кода

https://jsfiddle.net/osimone/6quempnx/1/

Comments

[Типа Программист]

А почему в ссылке нету js? Или как оно без него работает?

[osimone]

Oleg2002pr, у меня в script.js только $('.banner_slider').slick(); это для слайдера другой секции

[osimone]

Oleg2002pr, я просто нашел этот код в интернете

<img name="img" src="путь к фото">
<input type="button" onclick="javascript:img.src='путь к фото'">
<input type="button" onclick="javascript:img.src='путь к фото'">

[osimone]

Oleg2002pr, вот этот код который прислал - работает, но когда добавляю второй блок с такими же кнопками, то уже в первом блоке и во втором блоке кнопки не реагируют на нажатия
а мне надо сделать так чтоб при нажатии разноцветных кружков менялись картинки

[Типа Программист]

Ок, сейчас попробую сделать...

[osimone]

Oleg2002pr, был бы очень благодарен узнать хотя бы образец как сделать, а дальше буду разбираться, спасибо большое)

Answer 1

[Типа Программист]

Концепт на jquery тут Ссылка

Comments

[osimone]

спасибо большое, а как сделать так чтоб при нажатие на 1 и ту же кнопку картинка не скрывалась?

[Типа Программист]

osimone, делается событием if ()

[Типа Программист]

osimone, или в первом событии на первую кнопку поросло перекрыть второй клик) Если надо будет помощь пишите)

[osimone]

Oleg2002pr, я в js пока полный ноль, можете тут просто написать эту команду if() чтоб я добавил ее к первой кнопке в файле js?)

[osimone]

а так все прекрасно работает в моем файле)

[Типа Программист]

osimone, давайте я исправлю и в комментарии пришлю...

[Типа Программист]

Всё вот код Ссылка

[osimone]

Oleg2002pr, у меня почему то все равно скрывается картинка, может if поможет?

[osimone]

Oleg2002pr, все получилось!!! спасибо большое!

[Типа Программист]

osimone, пожалуйста!!