| Server IP : 20.75.53.88 / Your IP : 216.73.217.72 [ Web Server : Apache System : Linux VMRALP-3 4.4.0-256-generic #290~14.04.1-Ubuntu SMP Thu Jun 20 09:24:50 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29+esm15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Domains : 3 Domains MySQL : ON | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/portais/controller/js/modules/ |
Upload File : |
const carrosel = document.querySelector('.parceiros-items');
const marcadores = document.querySelectorAll('.parceiros-marcadores div');
let indexImage = 0;
let distancia = -250
let valorInical = distancia;
let parceirosQtd = 0;
async function getParceiros() {
const res = await fetch('../data/parceiros.json');
const parceiros = await res.json();
parceirosQtd = parceiros.length;
parceiros.forEach(parceiro => {
const img = document.createElement('img');
img.setAttribute('src', parceiro.image_url)
img.setAttribute('alt', parceiro.alt);
img.classList.add('parceiros-item')
carrosel.appendChild(img);
})
}
function playSlide() {
if (indexImage == parceirosQtd - 4) {
carrosel.style.transform = `translate3d(0%, 0px, 0px)`;
indexImage = 0;
distancia = valorInical;
} else {
carrosel.style.transform = `translate3d(${distancia}px, 0px, 0px)`;
indexImage++;
distancia = (distancia + valorInical);
}
}
async function rodarSlide() {
await getParceiros();
setInterval(() => {
playSlide();
}, 2000)
}
window.addEventListener("load", rodarSlide);