Question

我正在尝试将angular2-useful-swiper与包含自动旋转的SPA集成以移动图像。但是，它根本没有过渡，而是停留在第一页。

控制台中有错误，一切似乎都正常（我可以手动滑动幻灯片，它只是没有通过它们过渡）。

谁能告诉我我做错了什么。在我的component.html中有;

<swiper [config]="swiperConfig" class="col-md-12">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="preview" style="background-image:url('/images/slider/slider13.jpg')">
                </div>
            </div>
/*removed for brevity*/

然后在我的组件中;

slidesForScreenWidth: number = 1;

swiperConfig: any = {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 20,
    speed: 400,
    slidesPerView: this.slidesForScreenWidth
};

我在这里错过了一个设置吗？

Answer 1

您需要添加autoplay对象。然后看看选项you have available here

要进行轮换，请使用loop选项。

anglar2-useful-swiper不会自动更改幻灯片

1 个答案: