Доброго времени суток, написал простейший скрипт, для галереи картинок, который при клике на маленькую картинку, берет путь 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;
}
}
