Изменение адреса в src при переключении slick слайдов?

Question

[Gor321]

Добрый вечер!
Такой вопрос.
Есть слик слайдер, при переключении слайдов должны меняться адреса в src картинок в другом блоке.
У слайда появляется класс active у картинок в блоке меняется часть адреса.
Например "img/ch/1/alcantara/border/b1-1.png" - при одном активном слайде, "img/ch/22/alcantara/border/b1-1.png" при следующем.
имеется код который работает при клике на кнопку, как его изменить, чтобы все заработало?
Предложили использовать событие слика afterChange, но не получается, не могу понять..
подскажите пожалуйста.
код который работает при клике на кнопку

const links = document.querySelectorAll('.link');

document.querySelector('.wrapper').onclick = event => {
  const btn = event.target.closest('button');
  
  if (btn) {
  	[...links].forEach(link => {
    	const text = link.getAttribute('src').split('/');
      text[text.length - 1 - +btn.parentNode.dataset.value] = btn.className;

      link.src = text.join('/');
      console.log(link.src);
    })
  }
}

Подскажите пожалуйста!
https://jsfiddle.net/qhfkw065/32/