ng2-background-slider

ng2-background-slider

Slider module based on angular-cli and @angular/animation

install

npm i ng2-background-slider

import

import { BackgroundSliderModule } from 'ng2-background-slider';

use

html:
<background-slider #slider class="container" [images]="images"></background-slider>
<button (click)="slider.next()">Next</button><button (click)="slider.prev()">Prev</button>

css:
.container { display: block; width: 100%; height: 500px; }

input:
images = [ './assets/slide1.jpg', './assets/slide2.jpg', './assets/slide3.jpeg' ];