Files
ritzenbergen-frontend/app/assets/lazyloading.js
2026-04-26 22:02:24 +02:00

17 lines
447 B
JavaScript
Executable File

const lazyClass = 'lazy-loading';
const lazyImages = document.querySelectorAll(`.${lazyClass}`);
const lazyObserver = new IntersectionObserver((elements) => {
elements.forEach((element) => {
if (element.isIntersecting) {
const image = element.target;
image.src=image.dataset.src;
lazyObserver.unobserve(image);
}
})
})
lazyImages.forEach(image => {
lazyObserver.observe(image);
})