Romantic Proposal Website with Slideshow & Music — Full Tutorial

const slides = [
    { src: 'photo1.jpg', caption: 'Our first adventure together 🏔️' },
    { src: 'photo2.jpg', caption: 'That sunset we watched together 🌅' },
    { src: 'photo3.jpg', caption: 'The night everything changed ✨' },
];

let current = 0;

function nextSlide() {
    current = (current + 1) % slides.length;
    const img = document.getElementById('slideImg');
    img.style.opacity = 0;
    setTimeout(() => {
        img.src = slides[current].src;
        document.getElementById('caption').textContent = slides[current].caption;
        img.style.opacity = 1;
    }, 500);
}

// Auto-advance every 4 seconds
setInterval(nextSlide, 4000);