Open SharanPuthran opened 5 years ago
I've implemented owl carousel in angular 6, carousel seems to be working fine. I wanted to change the sliderOptions, so I had given sliderOptions property in my component for it to work on responsiveness and number of items to be shown in a view.
Could anyone help me with this?
Thanks.
<owl-carousel [options]="sliderOptions" [items]="content" [carouselClasses]="['owl-theme', 'row', 'sliding']">
sliderOptions: { margin: 25, dots: false, navigation: true, nav: true, autoplay: true, loop: true, autoplayTimeout: 2000, autoplayHoverPause: true, lazyLoad: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 960: { items: 1 }, 1200: { items: 1 } }
I've implemented owl carousel in angular 6, carousel seems to be working fine. I wanted to change the sliderOptions, so I had given sliderOptions property in my component for it to work on responsiveness and number of items to be shown in a view.
Could anyone help me with this?
Thanks.
<owl-carousel [options]="sliderOptions" [items]="content" [carouselClasses]="['owl-theme', 'row', 'sliding']">
sliderOptions: { margin: 25, dots: false, navigation: true, nav: true, autoplay: true, loop: true, autoplayTimeout: 2000, autoplayHoverPause: true, lazyLoad: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 960: { items: 1 }, 1200: { items: 1 } }