diff --git a/src/components/images/imageLoader.js b/src/components/images/imageLoader.js index b8c9f4c87e..05cf06d126 100644 --- a/src/components/images/imageLoader.js +++ b/src/components/images/imageLoader.js @@ -71,6 +71,7 @@ import 'css!./style'; if (!target.classList.contains('blurhashed') && userSettings.enableBlurhash()) { itemBlurhashing(target); + } if (entry.intersectionRatio > 0) { if (source) fillImageElement(target, source); @@ -88,7 +89,9 @@ import 'css!./style'; preloaderImg.src = url; // This is necessary, so switching between blurhash enabled and disabled works - if (!userSettings.enableBlurhash()) elem.classList.add('lazy-hidden'); + if (!userSettings.enableBlurhash()) { + elem.classList.add('lazy-hidden'); + } preloaderImg.addEventListener('load', () => { if (elem.tagName !== 'IMG') { diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js index a4b89fcbc3..7bafc925b2 100644 --- a/src/components/listview/listview.js +++ b/src/components/listview/listview.js @@ -95,7 +95,9 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan let blurHashes = item.ImageBlurHashes || {}; let blurhashstr = (blurHashes[options.type] || {})[options.tag]; - return { url: apiClient.getScaledImageUrl(itemId, options), blurhash: blurhashstr}; + if (itemId) { + return { url: apiClient.getScaledImageUrl(itemId, options), blurhash: blurhashstr }; + } } function getChannelImageUrl(item, width) { @@ -112,7 +114,9 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan let blurHashes = item.ImageBlurHashes || {}; let blurhashstr = (blurHashes[options.type])[options.tag]; - return { url: apiClient.getScaledImageUrl(item.ChannelId, options), blurhash: blurhashstr}; + if (item.ChannelId) { + return { url: apiClient.getScaledImageUrl(item.ChannelId, options), blurhash: blurhashstr }; + } } function getTextLinesHtml(textlines, isLargeStyle) {