MediaWiki:Common.js: mudanças entre as edições

Ir para navegação Ir para pesquisar

MediaWiki:Common.js (ver código-fonte)

Edição das 22h36min de 24 de julho de 2023

1 471 bytes adicionados ,  24 de julho de 2023
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */


let slides = document.querySelectorAll('.slide');
function slider(){
let currentSlide = 0;
  const slider = document.querySelectorAll('.slide');
let slideInterval = setInterval(nextSlide,2000);
  //Set your timer here :
  const timer = 3000;
  slider[0].style.display = 'block';
  bullets = sliderBulletsCreation(slider);
  sliderLoop(slider, timer, bullets);
};


function nextSlide(){
function sliderLoop(slider, timer, bullets){
   slides[currentSlide].className="slide";
   var timeoutFunction = [];
   currentSlide=(currentSlide+1)%slides.length;
  for (var i = 0; slide = slider[i] && (i < slider.length); i++) {
   console.log(currentSlide);
    timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), i*timer));
   slides[currentSlide].className="slide showing";
  };
}
  bullets.forEach(function(bullet, index){
    bullet.addEventListener("click", function(event){
      console.log(index);
      timeoutFunction.forEach(function(element){
        clearTimeout(element);
      });
      var t=0;
      for (var i = index; slide = slider[i] && (i < slider.length); i++) {
        timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), t*timer));
        t++;
      };
    })
  })
};
 
function sliderAnim(slider, i, timer, bullets){
  slider.forEach(function(slide){
    slide.style.display = 'none';
  })
  bullets.forEach(function(bullet){
    bullet.style.backgroundColor = "#e5e5e5";
  })
  slider[i].style.display = 'block';
  bullets[i].style.backgroundColor = "#774898";
   if (i == (slider.length - 1)){setTimeout(sliderLoop.bind(null,slider, timer, bullets), timer)};
};
 
function sliderBulletsCreation(slider){
   const sliderContainer = document.querySelector('.slider');
   const length = slider.length;
  const bullets = [];
  for (var i = 0; slide = slider[i] && (i < slider.length); i++) {
    var bullet = document.createElement("div");
    bullet.classList.add('slider-bullet');
    bullet.style.right = 20 + (i * 20) + 'px';
    sliderContainer.appendChild(bullet);
    bullets.push(bullet);
  }
  return bullets;
};
 
slider();
Disponível em “https://wiki.otpokemon.com/index.php/Especial:MobileDiff/16367”

Menu de navegação