/*function slide1(){

  var tete = document.getElementById("imgTete");

  tete.src = "https://img.freepik.com/free-vector/flat-horizontal-sale-banner-template-with-photo_23-2149015614.jpg?t=st=1658791924~exp=1658792524~hmac=ac9992d18f718682ae9b0a894abbd160b831d4aa407878aabe530061da113bcf&w=1480";

  tete = setTimeout("slide2()", 1000);

}

​

function slide2(){

  var tete = document.getElementById('imgTete');

  tete.src = "https://img.freepik.com/free-vector/flat-horizontal-sale-banner-template-with-photo_23-2149000923.jpg?t=st=1658785975~exp=1658786575~hmac=3cbf700fc07f962a3d7a6f5e06670b131aa47833b9d08033bdd3f8079dd68915&w=1480";

  tete = setTimeout("slide1()", 1000);

}*/

​

​

​

​

function showSlides() { 

  setInterval("setActiveSlide()", 1000);

}

​

function setActiveSlide() {

  let [ firstImage, secondImage ] = document.querySelectorAll('.principal img');

  let toggleSlide = (imageToActive, imageToDisable) => {

    imageToDisable.removeAttribute("active");

    imageToActive.setAttribute("active", true);

  }; 

  let isFirstImageActive = firstImage.hasAttribute("active");

  if(isFirstImageActive){

    toggleSlide(secondImage, firstImage);

  }else{

    toggleSlide(firstImage, secondImage);

  }

}

​

showSlides()