32 lines
937 B
JavaScript
32 lines
937 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const slideshow = document.getElementById('heroSlideshow');
|
|
const slides = slideshow.querySelectorAll('img');
|
|
let currentSlide = 0;
|
|
|
|
slides.forEach((s) => s.style.opacity = '0');
|
|
|
|
setTimeout(() => {
|
|
slides[0].style.opacity = '1';
|
|
}, 100);
|
|
|
|
function nextSlide() {
|
|
slides[currentSlide].style.opacity = 0;
|
|
setTimeout(() => {
|
|
currentSlide = (currentSlide + 1) % slides.length;
|
|
slides[currentSlide].style.opacity = 1;
|
|
}, 500);
|
|
}
|
|
|
|
setInterval(nextSlide, 4000);
|
|
|
|
// Fade project cards
|
|
const cards = document.querySelectorAll('.project-card');
|
|
cards.forEach((card, index) => {
|
|
card.style.opacity = '0';
|
|
setTimeout(() => {
|
|
card.style.transition = 'opacity 0.5s ease';
|
|
card.style.opacity = '1';
|
|
}, 100 * index);
|
|
});
|
|
});
|