|
|
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);
| |
| }
| |
| });
| |
| | |
| });
| |