https://ufrpe.br/static/theme/js/slideshow.js

1// Script para controlar a rotação automática das imagens do slideshow e pausa ao interagir
2document.addEventListener("DOMContentLoaded", function() {
3    // Seleciona todos os carrosséis
4    const carousels = document.querySelectorAll('.br-carousel');
5
6    carousels.forEach(carousel => {
7        // Procura o botão 'Próximo'
8        const nextBtn = carousel.querySelector('.carousel-btn-next');
9        
10        // Se não tiver botão, ignora este carrossel
11        if (!nextBtn) return;
12
13        let intervalId;
14
15        // Função para iniciar o loop
16        const startSlide = () => {
17            // Garante que não criamos múltiplos intervalos
18            clearInterval(intervalId);
19            intervalId = setInterval(() => nextBtn.click(), 8000); // 8 segundos
20        };
21
22        // Função para parar o loop
23        const stopSlide = () => {
24            clearInterval(intervalId);
25        };
26
27        // Inicia a rotação
28        startSlide();
29
30        // Eventos de Mouse (Pausa ao passar o mouse)
31        carousel.addEventListener('mouseenter', stopSlide);
32        carousel.addEventListener('mouseleave', startSlide);
33
34        // (Opcional) Acessibilidade: Pausa se receber foco via teclado
35        carousel.addEventListener('focusin', stopSlide);
36        carousel.addEventListener('focusout', startSlide);
37    });
38});