В настоящее время я создаю угловое приложение (гибрид), где на одной из страниц у меня есть список карточек. Мне нужно отобразить фоновое изображение для каждой карты, но фон является 100vw и является фиксированным. Поскольку пользователь прокручивает карты, мне нужно изменить фон, как в эффекте прокрутки параллакса (не обязательно использовать параллакс). Карты должны прокручиваться в пределах вида (не должно переполняться), и когда каждая карта фокусируется, фон должен быть изменен с помощью слайдов в анимации.
Прикрепление изображения контура того, что требуется.
Ответ json от сервера для этой части является массивом, каждый элемент которого является объектом, например -
{
"image" : "path to background image",
"title" : "SOME TITLE",
"description": "SOME DESCRIPTION"
}
Заголовок и описание помещаются на карточку, а изображение становится фоном за карточкой
Я хотел бы знать, каков наилучший подход для решения этой проблемы в угловом формате? Я использую версию 8
Пример каркаса