glanceapp/glance
1
1
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2024-12-14 17:13:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Revert setTimeout for images

Browse Source 
Reduces instances of cached images fading in by giving
the browser a bit more time to load them
This commit is contained in:
Svilen Markov 2024-05-18 18:52:54 +01:00
parent eeda28a287
commit 0bbb4573b2
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
internal/assets/static/main.js
View File

@ -161,20 +161,22 @@ function setupLazyImages() {
}
afterContentReady(() => {
for (let i = 0; i < images.length; i++) {
const image = images[i];
setTimeout(() => {
for (let i = 0; i < images.length; i++) {
const image = images[i];
if (image.complete) {
image.classList.add("cached");
setTimeout(() => imageFinishedTransition(image), 1);
} else {
// TODO: also handle error event
image.addEventListener("load", () => {
image.classList.add("loaded");
setTimeout(() => imageFinishedTransition(image), 400);
});
if (image.complete) {
image.classList.add("cached");
setTimeout(() => imageFinishedTransition(image), 1);
} else {
// TODO: also handle error event
image.addEventListener("load", () => {
image.classList.add("loaded");
setTimeout(() => imageFinishedTransition(image), 400);
});
}
}
}
}, 1);
});
}
@ -347,11 +349,11 @@ async function setupPage() {
pageContentElement.innerHTML = pageContent;
try {
setupLazyImages();
setupCarousels();
setupCollapsibleLists();
setupCollapsibleGrids();
setupDynamicRelativeTime();
setupLazyImages();
} finally {
pageElement.classList.add("content-ready");