diff --git a/script.js b/script.js index ee37997..adf01ba 100644 --- a/script.js +++ b/script.js @@ -163,10 +163,57 @@ window.addEventListener('resize', (e) => { }) // Função que constroi o Swiper (Carrossel) -function handleConstructionSwiper(slides) { - return swiper = new Swiper(".mySwiper", { - slidesPerView: slides, - spaceBetween: 32, +function handleConstructionSwiper() { + return new Swiper(".mySwiper", { + slidesPerView: 4, + updateOnWindowResize: true, + spaceBetween: 30, + loop: false, + grabCursor: true, + type: 'bullets', + freeMode: true, + scrollbar: { + el: '.swiper-scrollbar', + draggable: true, + }, + pagination: { + el: `.swiper-pagination`, + clickable: true, + }, + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev' + }, + breakpoints: { + 1300: { + slidesPerView: 4, + spaceBetween: 20, + }, + 1024: { + slidesPerView: 4, + spaceBetween: 20, + }, + 768: { + slidesPerView: 3, + spaceBetween: 15, + }, + 600: { + slidesPerView: 3, + spaceBetween: 15, + }, + 500: { + slidesPerView: 3, + spaceBetween: 15, + }, + 330: { + slidesPerView: 2, + spaceBetween: 20, + }, + 300: { + slidesPerView: 1, + spaceBetween: 5, + } + } }); }