Переключатели адреса в атрибуте src?

Question

[Gor321]

Здравствуйте! Подскажите пожалуйста.
У меня есть n-ое количество картинок с классом b1 и атрибутом src="img/first/one/b1-X.png", где Х порядковый номер картинки, и два блока кнопок, допустим по 5 кнопок в каждом блоке. (у всех картинок в папках названия одинаковые)
По клику на кнопки первого блока должна меняться первая часть адреса "img/first/" на "img/second/" и тд
По клику на кнопки второго блока меняется соответственно вторая часть адреса "one/b1-X.png" .
Подсказали сделать так : https://jsfiddle.net/qhfkw065/21/
В примере меняется содержимое блока, не получается сделать так же с src картинки. И вариант работает только для одного блока с классом link, если их размножить работать будет только на первом.
Подскажите пожалуйста, что добавить, как докрутить код?

Answer 1

[Danny Chase]

https://pastebin.com/YiyxLYZF

на первый взгляд как-то так))
предварительно естественно объявить массив с возможными элементами
хотя лучше first, second etc так же заменить цифрами

Comments

[Danny Chase]

единица конечно же должна быть не строкой)

[furcifer]

Danil Kuznetsov к сожалению, не грузится страница, не могу увидеть ваше решение, можете его сюда закинуть https://jsfiddle.net?