mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Lazy loading enabled
All pages with lots of images now have lazy loading enabled. The "animation" was removed since it made for a bit of an odd experience one the 2nd visit to a page. On pages with lots of images this has a nice impact as it only loads the images that the user can see initially. As a user scrolls it loads the next ones up. It saves a lot of extra requests initially.
This commit is contained in:
parent
ab0941be90
commit
f893f175cb
11 changed files with 41 additions and 31 deletions
|
@ -34,7 +34,8 @@
|
|||
items: result.Items,
|
||||
shape: "backdrop",
|
||||
preferThumb: true,
|
||||
context: 'tv'
|
||||
context: 'tv',
|
||||
lazy: true
|
||||
});
|
||||
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
|
@ -45,7 +46,8 @@
|
|||
items: result.Items,
|
||||
shape: "banner",
|
||||
preferBanner: true,
|
||||
context: 'tv'
|
||||
context: 'tv',
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
@ -56,7 +58,8 @@
|
|||
shape: "portrait",
|
||||
context: 'tv',
|
||||
showTitle: true,
|
||||
centerText: true
|
||||
centerText: true,
|
||||
lazy: true
|
||||
});
|
||||
$('.itemsContainer', page).removeClass('timelineItemsContainer');
|
||||
}
|
||||
|
@ -67,7 +70,8 @@
|
|||
shape: "portrait",
|
||||
context: 'tv',
|
||||
timeline: true,
|
||||
showTitle: true
|
||||
showTitle: true,
|
||||
lazy: true
|
||||
});
|
||||
|
||||
$('.itemsContainer', page).addClass('timelineItemsContainer');
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue