import { Component, OnInit, ViewChild } from '@angular/core'; import { faChevronCircleUp } from '@fortawesome/free-solid-svg-icons'; import { OwlOptions } from 'ngx-owl-carousel-o'; import 'swiper/scss'; import 'swiper/scss/navigation'; import 'swiper/scss/pagination'; @Component({ selector: 'app-slide-sites', templateUrl: './slide-sites.component.html', styleUrls: ['./slide-sites.component.scss'], }) export class SlideSitesComponent implements OnInit { icon_chevron_up = faChevronCircleUp; @ViewChild('album-rotator-holder') albumRotator: any; customOptions: OwlOptions = { loop: true, mouseDrag: true, autoplay: false, autoplayTimeout: 2000, autoplayHoverPause:true, touchDrag: false, pullDrag: false, dots: false, margin:10, navSpeed: 700, navText : ['<ion-icon name="call-outline" class="nav-btn prev-slide"></ion-icon>', '<i class="nav-btn next-slide"></i>'], nav: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 1, nav: true }, 1000: { items: 2, nav: true, loop: true }, 1500: { items: 4, nav: true, loop: true } } } constructor() {} ngOnInit() {} }