MediaWiki:Gadget-Carousel.js

Fonte: Wikinotícias

Nota: Depois de publicar, deve limpar o cachê do seu navegador para ver as alterações.

  • Firefox e Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Internet Explorer e Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5
  • Opera: Pressione Ctrl-F5.
$(document).ready(function() {
  var slideshows = $('.slideshow');

  slideshows.each(function() {
    var slideshow = $(this);
    var slides = slideshow.find('li');
    var currentSlide = 0;
    slides.eq(currentSlide).fadeIn();

    var slideInterval = setInterval(function() {
      nextSlide(slideshow);
    }, 10000);

    slideshow.data('slideInterval', slideInterval);
    slideshow.data('currentSlide', currentSlide);
    slideshow.data('slides', slides);
  });

  function nextSlide(slideshow) {
    var slides = slideshow.data('slides');
    var currentSlide = slideshow.data('currentSlide');

    slides.eq(currentSlide).fadeOut(function() {
      currentSlide = (currentSlide + 1) % slides.length;
      slideshow.data('currentSlide', currentSlide);
      slides.eq(currentSlide).fadeIn();
    });
  }
});