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

De otPokemon Wiki
Ir para navegação Ir para pesquisar
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 */


$('document').ready(function() {
let slides = document.querySelectorAll('.slide');
  var slideshow = document.getElementById('slideshow');
let currentSlide = 0;
  var images = $('.image');
let slideInterval = setInterval(nextSlide,2000);
  var num_images = images.length;
  var bars = $('.bar');
  var titles = $('.image-title');
  var active = 0;
  var next;


  function changeTitleToLeft(slide) {
function nextSlide(){
 
  slides[currentSlide].className="slide";
    $(titles[active]).addClass('slide-out-to-left');
   currentSlide=(currentSlide+1)%slides.length;
    $(titles[active]).one('animationend', function(e) {
   console.log(currentSlide);
      $(titles[active]).addClass('hidden');
   slides[currentSlide].className="slide showing";
      $(titles[active]).removeClass('slide-out-to-left');
}
      if ($(titles[active]).hasClass('slide-in-from-right')) {
        $(titles[active]).removeClass('slide-in-from-right');
      }
      else if ($(titles[active]).hasClass('slide-in-from-left')) {
        $(titles[active]).removeClass('slide-in-from-left');
      }
      $(titles[slide]).removeClass('hidden');
      $(titles[slide]).addClass('slide-in-from-right');
      active=slide;
    });
 
   }
 
 
  function changeTitleToRight(slide) {
 
    $(titles[active]).addClass('slide-out-to-right');
    $(titles[active]).one('animationend', function(e) {
      $(titles[active]).addClass('hidden');
      $(titles[active]).removeClass('slide-out-to-right');
      if ($(titles[active]).hasClass('slide-in-from-right')) {
        $(titles[active]).removeClass('slide-in-from-right');
      }
      else if ($(titles[active]).hasClass('slide-in-from-left')) {
        $(titles[active]).removeClass('slide-in-from-left');
      }
      $(titles[slide]).removeClass('hidden');
      $(titles[slide]).addClass('slide-in-from-left');
      active=slide;
    });
 
 
   }
 
  function changeActiveBar(slide) {
    $(bars[active]).toggleClass('active-bar');
    $(bars[slide]).toggleClass('active-bar');
   }
 
 
  function showSlide(slide) {
    $(images[active]).toggleClass('hidden');
    $(images[slide]).toggleClass('hidden');
  }
 
 
  $('#prev').click(function() {
    if (active == 0) {
      next = num_images-1;
      showSlide(next);
      changeActiveBar(next);
      changeTitleToLeft(next);
    }
    else {
      next = active-1
      showSlide(next);
      changeActiveBar(next);
      changeTitleToLeft(next);
    }
  });
 
  $('#next').click(function() {
    if (active == num_images - 1) {
      next = 0;
      showSlide(next);
      changeActiveBar(next);
      changeTitleToRight(next);
    }
    else {
      next = active + 1;
      showSlide(next);
      changeActiveBar(next);
      changeTitleToRight(next);
    }
  });
 
});

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

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

let slides = document.querySelectorAll('.slide');
let currentSlide = 0;
let slideInterval = setInterval(nextSlide,2000);

function nextSlide(){
  slides[currentSlide].className="slide";
  currentSlide=(currentSlide+1)%slides.length;
  console.log(currentSlide);
  slides[currentSlide].className="slide showing";
}