index-main/assets/js/sliderBeforeAfter.js
Julie Blanc aba8b4f37e
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m17s
create template packages
2026-02-25 18:22:13 +01:00

11 lines
452 B
JavaScript

export function initSliderBeforeAfter(container = document){
const slidersBeforeAfter = container.querySelectorAll('.slider-before-after');
slidersBeforeAfter.forEach(function (sliderContainer, index) {
const sliderInput = sliderContainer.querySelector('.slider');
if (sliderInput) {
sliderInput.addEventListener('input', (e) => {
sliderContainer.style.setProperty('--position', `${e.target.value}%`);
});
}
});
}