diff --git a/src/components/images/style.css b/src/components/images/style.css index a709f732c5..a20d242efa 100644 --- a/src/components/images/style.css +++ b/src/components/images/style.css @@ -29,4 +29,5 @@ width: 100%; height: 100%; z-index: 100; + pointer-events: none; } diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js index 7bafc925b2..42f32ba794 100644 --- a/src/components/listview/listview.js +++ b/src/components/listview/listview.js @@ -80,9 +80,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan if (item.ImageTags && item.ImageTags.Primary) { options.tag = item.ImageTags.Primary; itemId = item.Id; - } - - if (item.AlbumId && item.AlbumPrimaryImageTag) { + } else if (item.AlbumId && item.AlbumPrimaryImageTag) { options.tag = item.AlbumPrimaryImageTag; itemId = item.AlbumId; } else if (item.SeriesId && item.SeriesPrimaryImageTag) { @@ -92,12 +90,14 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan options.tag = item.ParentPrimaryImageTag; itemId = item.ParentPrimaryImageItemId; } + let blurHashes = item.ImageBlurHashes || {}; let blurhashstr = (blurHashes[options.type] || {})[options.tag]; if (itemId) { return { url: apiClient.getScaledImageUrl(itemId, options), blurhash: blurhashstr }; } + return null; } function getChannelImageUrl(item, width) { diff --git a/src/controllers/itemDetails.js b/src/controllers/itemDetails.js index cbb8a1b43e..01f618750f 100644 --- a/src/controllers/itemDetails.js +++ b/src/controllers/itemDetails.js @@ -1840,7 +1840,8 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti chaptercardbuilder.buildChapterCards(item, chapters, { itemsContainer: scenesContent, backdropShape: 'overflowBackdrop', - squareShape: 'overflowSquare' + squareShape: 'overflowSquare', + imageBlurhashes: item.ImageBlurHashes }); }); } else {