mirror of
https://github.com/Alvin-Zilverstand/school.git
synced 2026-03-06 21:36:22 +01:00
edit
This commit is contained in:
39
projects/challange 1/carsite/js/lazyloading.js
Normal file
39
projects/challange 1/carsite/js/lazyloading.js
Normal file
@@ -0,0 +1,39 @@
|
||||
function lazyLoad() {
|
||||
const lazyImages = document.querySelectorAll('img[data-src]');
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
const lazyImage = entry.target;
|
||||
lazyImage.src = lazyImage.dataset.src;
|
||||
lazyImage.classList.remove('lazy');
|
||||
observer.unobserve(lazyImage);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
lazyImages.forEach((lazyImage) => {
|
||||
observer.observe(lazyImage);
|
||||
});
|
||||
}
|
||||
|
||||
function lazyLoad() {
|
||||
const lazyImages = document.querySelectorAll('img[data-src]');
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
const lazyImage = entry.target;
|
||||
lazyImage.src = lazyImage.dataset.src;
|
||||
lazyImage.classList.remove('lazy');
|
||||
observer.unobserve(lazyImage);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
lazyImages.forEach((lazyImage) => {
|
||||
observer.observe(lazyImage);
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('load', lazyLoad);
|
||||
Reference in New Issue
Block a user