document.addEventListener('DOMContentLoaded', function () { // Inicializa o Swiper var swiper = new Swiper('.mySwiper', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, }, on: { init: function () { console.log('Swiper inicializado'); const slides = document.querySelectorAll('.swiper-slide'); slides.forEach((slide, index) => { const img = slide.querySelector('img'); if (!img || !img.src) { console.error(`Slide ${index} sem imagem válida. Verifique o src:`, img); } else if (!img.complete) { console.warn(`Imagem no slide ${index} ainda não carregou:`, img.src); } }); }, slideChange: function () { this.update(); console.log('Slide alterado, atualizando Swiper'); } } }); // Força a atualização após um pequeno delay setTimeout(() => { swiper.update(); console.log('Swiper forçado a atualizar'); }, 1000); // Verifica se o container do Swiper existe const swiperContainer = document.querySelector('.mySwiper'); if (!swiperContainer) { console.error('Container .mySwiper não encontrado no HTML'); } });