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

Add a toggle for blurhash

Browse source
This commit is contained in:
ferferga 2020-05-30 16:44:33 +02:00
parent 2a0f971e76
commit 7169d8494d
6 changed files with 59 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -69,8 +69,10 @@ import 'css!./style';
source = entry;
}
if (!target.classList.contains('blurhashed')) {
if (!target.classList.contains('blurhashed') && userSettings.enableBlurhash()) {
itemBlurhashing(target);
} else if (!userSettings.enableBlurhash()) {
target.classList.add('lazy-hidden');
}
if (entry.intersectionRatio > 0) {
@ -88,15 +90,26 @@ import 'css!./style';
let preloaderImg = new Image();
preloaderImg.src = url;
if (!userSettings.enableBlurhash()) elem.classList.add('lazy-hidden');
preloaderImg.addEventListener('load', () => {
if (elem.tagName !== 'IMG') {
elem.style.backgroundImage = "url('" + url + "')";
} else {
elem.setAttribute('src', url);
}
elem.removeAttribute('data-src');
switchCanvas(elem);
if (userSettings.enableBlurhash()) {
switchCanvas(elem);
} else {
elem.classList.remove('lazy-hidden');
if (userSettings.enableFastFadein()) {
elem.classList.add('lazy-image-fadein-fast');
} else {
elem.classList.add('lazy-image-fadein');
}
}
});
}
@ -110,9 +123,18 @@ import 'css!./style';
url = elem.getAttribute('src');
elem.setAttribute('src', '');
}
elem.setAttribute('data-src', url);
switchCanvas(elem);
if (userSettings.enableBlurhash()) {
switchCanvas(elem);
} else {
if (userSettings.enableFastFadein()) {
elem.classList.remove('lazy-image-fadein-fast');
} else {
elem.classList.remove('lazy-image-fadein');
}
elem.classList.add('lazy-hidden');
}
}
export function lazyChildren(elem) {