Проблема с анимацией Zoom In / Ken Burns на изображениях слайдеров ⇐ Html

[Anonymous]

Я успешно установил Smart Slider 3 и создал слайдер с изображениями и ссылками. Теперь я пытаюсь добавить эффект увеличения / Кена Бернса к каждому изображению. Однако эффект перестает работать после второго изображения. Я использую некоторые PHP и CSS - см. Код ниже.function vejaumbomfilme_custom_slider_zoom_js() {
?>

document.addEventListener('DOMContentLoaded', function () {
const slider = document.querySelector('.n2-ss-slider');
if (!slider) return;

function resetZoomAnimation() {
const images = slider.querySelectorAll('.n2-ss-slide-background-image');
images.forEach(img => {
img.style.animation = 'none';
void img.offsetWidth;
img.style.animation = 'zoomIn 8s ease-in forwards';
});
}

resetZoomAnimation();

slider.addEventListener('n2-ss-after-slide-change', function () {
resetZoomAnimation();
});

setInterval(resetZoomAnimation, 8000);
});



Подробнее здесь: https://stackoverflow.com/questions/796 ... der-images