/*document.addEventListener("DOMContentLoaded", function() {

  // var banner = document.getElementById("divPai");

  // var images = banner.querySelectorAll("img");

​

  var images = document.querySelectorAll("#bannerA img");

​

  // Função para exibir uma imagem aleatória

  function showRandomImage() {

    // Escolhe aleatoriamente um índice de imagem

    var randomIndex = Math.floor(Math.random() * images.length);

​

    // Define todas as imagens como ocultas

    images.forEach(function(img) {

      img.style.display = "none";

    });

​

    // Exibe a imagem aleatória

    images[randomIndex].style.display = "block";

    // images[randomIndex].style.className()

  }

​

  // Chama a função inicialmente e define um intervalo para exibir novas imagens a cada 3 segundos

  showRandomImage();

  setInterval(showRandomImage, 3000);

​

// makeSliderKind('.bannerA', 1000);

// makeSliderKind('.bannerB', 2000);

// makeSliderKind('.bannerC', 3000);

});

*/

​

​

​

​

function makeSliderKind(containerClass, intervalTime){

  var images = document.querySelectorAll(containerClass+" img");

​

  // Função para exibir uma imagem aleatória

  const showRandomImage = () => {

    // Escolhe aleatoriamente um índice de imagem

    var randomIndex = Math.floor(Math.random() * images.length);

​

    // Define todas as imagens como ocultas

    images.forEach(function(img) {

      img.style.display = "none";

    });

​

    // Exibe a imagem aleatória

    images[randomIndex].style.display = "block";

  };

​

  // Chama a função inicialmente e define um intervalo para exibir novas imagens a cada 3 segundos

  showRandomImage();

  setInterval(showRandomImage, intervalTime);

}

​

​

makeSliderKind('#bannerA', 2000);

makeSliderKind('#bannerB', 10000);

makeSliderKind('#bannerC', 3000);