Add Nuxt
This commit is contained in:
16
app/assets/lazyloading.js
Executable file
16
app/assets/lazyloading.js
Executable file
@@ -0,0 +1,16 @@
|
||||
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);
|
||||
})
|
||||
Reference in New Issue
Block a user