cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 10:58:20 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1823 from thornbill/extra-blury

Browse Source 
Set background color on blurhash image load
This commit is contained in:
Anthony Lavado 2020-08-19 15:11:57 -04:00 committed by GitHub
commit 5a2c0beec5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/images/imageLoader.js
View File

@ -87,6 +87,9 @@ import 'css!./style';
requestAnimationFrame(() => { requestAnimationFrame(() => {
if (elem.tagName !== 'IMG') { if (elem.tagName !== 'IMG') {
elem.style.backgroundImage = "url('" + url + "')"; elem.style.backgroundImage = "url('" + url + "')";
if (elem.classList.contains('blurhashed')) {
elem.style.backgroundColor = '#fff';
}
} else { } else {
elem.setAttribute('src', url); elem.setAttribute('src', url);
} }
@ -108,6 +111,7 @@ import 'css!./style';
if (elem.tagName !== 'IMG') { if (elem.tagName !== 'IMG') {
url = elem.style.backgroundImage.slice(4, -1).replace(/"/g, ''); url = elem.style.backgroundImage.slice(4, -1).replace(/"/g, '');
elem.style.backgroundImage = 'none'; elem.style.backgroundImage = 'none';
elem.style.backgroundColor = null;
} else { } else {
url = elem.getAttribute('src'); url = elem.getAttribute('src');
elem.setAttribute('src', ''); elem.setAttribute('src', '');