https://www.mpf.mp.br/++resource++mpf.portal2026/js/slider.js

1const swiper = new Swiper(".mpf-swiper", {
2  slidesPerView: 1,
3  spaceBetween: 16,
4  loop: true,
5  speed: 700,
6  autoplay: {
7    delay: 4500,
8    disableOnInteraction: false,
9  },
10  a11y: { enabled: true },
11  pagination: {
12    el: ".mpf-swiper-pagination",
13    clickable: true,
14  },
15  navigation: {
16    nextEl: ".mpf-swiper-next",
17    prevEl: ".mpf-swiper-prev",
18  },
19});
20
21const swiperEl = document.querySelector(".mpf-swiper");
22
23// pausa com mouse
24swiperEl.addEventListener("mouseenter", () => swiper.autoplay.stop());
25swiperEl.addEventListener("mouseleave", () => swiper.autoplay.start());
26
27// pausa com teclado (acessibilidade)
28swiperEl.addEventListener("focusin", () => swiper.autoplay.stop());
29swiperEl.addEventListener("focusout", () => swiper.autoplay.start());