как сделать плавный slider на JS

сделал слайдер, всё работает, только не пойму как сделать плавный переход по картинкам:

let image=document.querySelector('img')
for(let i=1;i<=3;i++){
     setInterval(function(){
        i++
    if(i>3){
        i=1
    }
      image.src='img/'+i+'.jpg'
     },2000)
}
<img src="img/1.jpg" alt="" width="400" height="200">


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