TOP // scripts.js
document.addEventListener('DOMContentLoaded', function () {
const carouselItems = document.querySelectorAll('.carousel-item');
const mainImageContainer = document.getElementById('mainImage');
const titleElement = document.querySelector('.title-bases-carrousel');
const descriptionElement = document.querySelector('.description-bases-carrousel');carouselItems.forEach(item => {
item.addEventListener('mouseover', function () {
const bgImage = this.getAttribute('data-bg');
const title = this.getAttribute('data-title');
const text = this.getAttribute('data-text');// Atualizar a imagem principal
mainImageContainer.src = bgImage;// Atualizar o título
titleElement.innerText = title;// Atualizar a descrição
descriptionElement.innerText = text;
});
});
});