document.addEventListener("DOMContentLoaded", function() {
// 1. Yazı içindeki tüm video partlarını bul
const videoParts = document.querySelectorAll('.video-part');
// Eğer sayfada hiç video partı yoksa işlemi durdur
if (videoParts.length === 0) return;
// 2. İlk part hariç diğer tüm videoları başlangıçta gizle
videoParts.forEach((part, index) => {
if (index > 0) {
part.style.display = 'none';
}
});
// 3. Yazıda olan part numaralarına göre butonları görünür yap
videoParts.forEach(part => {
const partNumber = part.getAttribute('data-part');
const correspondingButton = document.querySelector(`.part-btn[data-target="${partNumber}"]`);
if (correspondingButton) {
correspondingButton.style.display = 'inline-block'; // Butonu görünür yap
}
});
// 4. Butonlara tıklama özelliğini ekle (Part değiştirme)
const buttons = document.querySelectorAll('.part-btn');
buttons.forEach(button => {
button.addEventListener('click', function() {
const targetPart = this.getAttribute('data-target');
// Tüm videoları gizle
videoParts.forEach(part => part.style.display = 'none');
// Sadece tıklanan partı göster
const activeVideo = document.querySelector(`.video-part[data-part="${targetPart}"]`);
if (activeVideo) {
activeVideo.style.display = 'block';
}
// Butonların aktiflik klasını yönetmek istersen (isteğe bağlı)
buttons.forEach(btn => btn.classList.remove('active'));
this.classList.add('active');
});
});
});
