Tengo un deslizador. Al hacer clic en el botón siguiente, la imagen se está cargando.

 var t=3 function next_btn(){ t+=3; var imgEl = document.querySelectorAll('.lazy'); for (let a = 0; a < t; a++) { if(imgEl[a].getAttribute('data-original')) { imgEl[a].setAttribute('src',imgEl[a].getAttribute('data-original')); imgEl[a].removeAttribute('data-original'); } } }

pero al hacer clic en el botón anterior, la imagen no se carga.

 function previous_btn(){ var imgEl = document.querySelectorAll('.lazy'); for (let a =imgEl.length; a >3; a--) { if(imgEl[a].getAttribute('data-original')) { imgEl[a].setAttribute('src',imgEl[a].getAttribute('data-original')); imgEl[a].removeAttribute('data-original'); } } }

Probé otras cosas pero no funcionó. ¿Cómo puedo arreglar?