Нужно на фон приложения установить background-image. Картинок несколько. Выбрал вариант с использованием TimerObservable. Теперь возникла проблема, что бы сделать плавную анимацию. Возможно знаете иные способы достижения такого эфекта? Или как анимировать.
<div class="slide" [ngStyle]="{'background-image': url }" ></div>
image: String[] = [
'../img/food1.jpg',
'../img/food2.jpg',
'../img/food3.jpg'
];
subscription: any;
time: number = 0;
url: string;
ngOnInit() {
let timer = TimerObservable.create(1000,5000);
this.subscription = timer.subscribe(t=>{
this.url = `url(${this.image[this.time++]})`;
this.time > 2 ? this.time = 0 : null;
})
}