mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Reduce blink when switching between image and blurhash

Browse source
This commit is contained in:
Fernando Fernández 2021-11-05 01:13:50 +01:00
parent 18fe70b978
commit eb486ef4b7
No known key found for this signature in database
GPG key ID: 44495B839CCFF8CF
1 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/images/imageLoader.js
View file

@ -106,11 +106,23 @@ import './style.scss';
elem.classList.add('lazy-image-fadein'); elem.classList.add('lazy-image-fadein');
} }
const canvas = elem.previousSibling; elem.addEventListener('transitionend', () => {
if (elem.classList.contains('blurhashed') && canvas && canvas.tagName === 'CANVAS') { requestIdleCallback(() => {
canvas.classList.remove('lazy-image-fadein-fast', 'lazy-image-fadein'); const canvas = elem.previousSibling;
canvas.classList.add('lazy-hidden'); if (
} elem.classList.contains('blurhashed') &&
canvas &&
canvas.tagName === 'CANVAS'
) {
canvas.classList.remove(
'lazy-image-fadein-fast',
'lazy-image-fadein'
);
canvas.classList.add('lazy-hidden');
}
});
// Run the event listener only once after being added
}, false);
}); });
}); });
} }