Карусель Angular 5 Owl Как увеличить / уменьшить скорость вращения - PullRequest
Новая
       9

Карусель Angular 5 Owl Как увеличить / уменьшить скорость вращения

0 голосов
/ 29 ноября 2018

Я использую Owl Carousel в Angular5 и хочу увеличить или уменьшить скорость скольжения, однако не могу найти никакой опции.

в файле module.ts, 

import { OwlModule } from 'ngx-owl-carousel';

@NgModule({
    imports: [
        OwlModule],
    exports: [OwlModule],

В файле .html: 

<owl-carousel [options]="{items: 1, dots: false, loop:true, autoplay:true, nav: true, responsive: { '0': { nav: false, dots: true}, '1200': { nav: true, dots: false}}}"
         [items]="bannerImages" [carouselClasses]="['owl-theme', 'row', 'sliding']">
            <div class="item" *ngFor="let image of bannerImages">
                <!-- <div class="image" [ngStyle]="{'background-image': 'url('+image.imagePath+')'}"></div> -->
                <div class="image">
                    <img [src]="image.imagePath">
                    <!-- caption start -->
                    <div class="container caption h-100 d-flex">
                        <div class="row align-items-center">
                            <div class="col caption-content" [innerHTML]="image.bannerContent"></div>
                        </div>
                    </div>
                    <!-- caption end -->
                </div>
            </div>
        </owl-carousel>

Я просмотрел документ https://www.npmjs.com/package/ngx-owl-carousel и вижу, что есть опция next.Но как я могу это реализовать?Мое намерение состоит в том, чтобы увеличить / уменьшить скорость скольжения.

1 Ответ

0 голосов
/ 29 ноября 2018

Я думаю, вы должны проверить нативные варианты совы-карусели https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

и предоставить navSpeed.Что-то вроде этого 

<owl-carousel [options]="{items: 1, ..., navSpeed: 200}"
...
...