max/silvester-23
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: check if image loaded

Browse Source
This commit is contained in:
max_richter 2023-11-20 16:43:36 +01:00
parent 788a7b7c8f
commit 06bcdae2d1
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/routes/global.css
View File

@ -28,4 +28,5 @@ img.lazy-image {
img.lazy-image.loaded { img.lazy-image.loaded {
opacity: 1; opacity: 1;
z-index:-1;
} }

3
static/lazy.js
View File

@ -5,6 +5,9 @@ window.onload = function(){
for (let i = 0; i < lazyImages.length; i++) { for (let i = 0; i < lazyImages.length; i++) {
var element = lazyImages[i]; var element = lazyImages[i];
element.classList.add("lazy-image") element.classList.add("lazy-image")
element.onload = function(){
element.classList.add("loaded");
}
element.addEventListener("load", function(){ element.addEventListener("load", function(){
element.classList.add("loaded"); element.classList.add("loaded");
}) })