Teste 01

Carrossel de Armazenagem

Bases
de Distribuição

Carrossel Interativo
Título inicial
Texto inicial
Imagem Inicial
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; }); }); });