Я успешно установил 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
