Как добавить плавность по кликам на вкладки через JS?

Есть список из Li Элементов, клик по которым должен менять картинку в соответствии с выбранным li
Вопрос в том как добиться плавности в смене картинок Код на codepen: https://codepen.io/kurday/pen/YzwNedL

document.body.addEventListener('click', function (e){
  e.preventDefault();
  const target = e.target;

  //в Make забиваем элемент по которому произошел клик (li)
  const make = target.closest('.nav-item'); //make = this.li

  if (make) {
    //в img записываем класс ссылки которая внутри этого li
    img = make.querySelector('.nav-link'); // img = li a

    //В changeImg записываем dataset этой ссылки
    const changeImg = img.dataset.src; //changeImg = data a

    //подставляем изображение 
    if (changeImg) {
      featuredImage.src = changeImg
    }
  }

Ответы (0 шт):