testes/js/Home/Capa_home.js

55 lines
2.3 KiB
JavaScript

// Seleciona o elemento HTML com o ID 'text'
const textElement = document.getElementById('text');
// Define um array de textos para serem exibidos
const texts = ['Support', 'innovation', 'Security', 'Project'];
// Variável de índice para controlar qual texto está sendo exibido
let index = 0;
// Função para alterar o texto exibido
function changeText() {
// Incrementa o índice e usa o operador de módulo (%) para garantir que ele permaneça dentro dos limites do array
index = (index + 1) % texts.length;
// Verifica se o texto atual não é 'iTGuys'
if (textElement.textContent !== 'iTGuys') {
// Adiciona uma transição suave de opacidade ao elemento de texto
textElement.style.transition = 'opacity 1s'; // Adicionando transição suave
textElement.style.opacity = '0'; // Define a opacidade como 0 para tornar o texto invisível
}
// Define um temporizador para alterar o texto após 1200 milissegundos
setTimeout(() => {
textElement.textContent = texts[index]; // Define o texto para o próximo texto no array
textElement.style.opacity = '1'; // Define a opacidade de volta para 1 para tornar o texto visível novamente
}, 1200);
}
// Configura um intervalo para chamar a função changeText a cada 1400000 milissegundos (23 minutos)
setInterval(changeText, 1400000);
// Seleciona todos os elementos com a classe 'gallery-image' e os armazena em uma variável
var images = document.querySelectorAll('.gallery-image');
var index2 = 0;
// Função para mostrar a próxima imagem na galeria
function showNextImage() {
// Oculta todas as imagens removendo a classe 'active'
images.forEach(function (img) {
img.classList.remove('active');
});
// Exibe a próxima imagem adicionando a classe 'active' à imagem correspondente
images[index2].classList.add('active');
// Atualiza o índice para a próxima imagem usando o operador de módulo (%) para garantir que ele permaneça dentro dos limites do array
index2 = (index2 + 1) % images.length;
}
// Chama a função showNextImage pela primeira vez para exibir a primeira imagem
showNextImage();
// Configura um intervalo para chamar a função showNextImage a cada 140000 milissegundos (2 minutos e 20 segundos) para exibir as imagens sequencialmente
setInterval(showNextImage, 140000); // Altere 3000 para ajustar o intervalo em milissegundos