Плавная смена изображений при клике.
 

Доброго времени суток, написал простейший скрипт, для галереи картинок, который при клике на маленькую картинку, берет путь src и подставляет к большой картинке, то-есть, при клике увеличивает картинку.

Все работает отлично, но, хотелось бы чтобы смена картинок происходила плавно, как это можно сделать?

Пытался сделать с помощью (setInterval), но не получилось.

let imgZoom = document.querySelector('.gallery__zoom img');
let galleryItem = document.querySelectorAll('.gallery__item');

for(let j = 0; j < galleryItem.length; j++){
    galleryItem[j].onclick = function(){
      imgZoom.src = this.firstElementChild.src;
    }
}

TheSanches,
остановить таймер, убрать класс, установить таймер, добавить src и класс.