Nsryjdtyk

Is it possible to use this code and first hide old images and show newlike here.I wanted to create a var where I could collect previous images names and probably change timePassed to -timePassed but couldn’t achieve proper effect. If you can, advise, please, pure js.

    function animate(draw,duration){

  var start = performance.now();

  requestAnimationFrame(function animate(time){

    var timePassed = time- start;

    if(timePassed > duration) timePassed = duration;

    draw(timePassed), 1000;



    if(timePassed < duration){

      requestAnimationFrame(animate);

    }

  });

}



for(var i=0; i<table.length; i++){



  table[i].addEventListener("click", function(event){





      clearAll();

      var tar = event.target;

      targetName=tar.classList;

      var name = tar.className;



      targetName.add("active");



    animate(function(timePassed){

      if(tar.className == name +" active"){



        head.style.display = "block";

        document.querySelector(".maintext").innerHTML=name;

// images appear on the page trough their names

        mainIMG.src = name+"1.jpg";

        odd1IMG.src = name+"2.jpg";

        odd2IMG.src = name+"3.jpg";

      }



      mainIMG.style.top = timePassed / 3 + "px";

      odd1IMG.style.top = timePassed / 3 + "px";

      odd2IMG.style.top = timePassed / 3+ "px";





  }, 900);







});





}







function clearAll(){

  for(var i=0; i<table.length; i++){

    table[i].classList.remove("active");

  }

}