feat: fade in lazy loaded images

This commit is contained in:
2023-11-20 16:16:23 +01:00
parent c7914b3d30
commit cac3856de4
3 changed files with 33 additions and 9 deletions

13
static/lazy.js Normal file
View File

@ -0,0 +1,13 @@
window.onload = function(){
var lazyImages = [...document.querySelectorAll("img[loading='lazy']")];
for (let i = 0; i < lazyImages.length; i++) {
var element = lazyImages[i];
element.classList.add("lazy-image")
element.addEventListener("load", function(){
element.classList.add("loaded");
})
}
}