jquery - Owl Carousel AutoPlayTimeout 滚动不顺畅

Question

我在让 autoplayTimeout 在页面上平滑滚动时遇到了一些问题。它在加载前 5 张图像并滚动下一张图像后停止，而且非常不稳定。你可以看一个例子here at the bottom of the page .

这是我在 javascript 中的设置:

<script type="text/javascript">
        $(document).ready(function() {
            $("#owl-demo").owlCarousel({
                autoplay: true,     
                items: 5,
                autoplayHoverPause: true,
                autoplayTimeout: 10,
                autoplaySpeed: 1000,
                fluidSpeed:true,
                itemsDesktop : [1199,3],
                itemsDesktopSmall: [979,3],
                itemsMobile: [479,1],
                navigation: false,
                dots: false,
                loop: true
                });

        });

    </script>

我不确定我使用的设置组合是否正确。

Answer 1

jQuery('.owl-carousel').owlCarousel({
            items:3,
            autoplay: true,
            slideTransition: 'linear',
            autoplayTimeout: 6000,
            autoplaySpeed: 6000,
        });

我将此代码用于我自己的轮播，以使轮播平滑。注意:您必须定义 autoplayTimeout 和 autoplaySpeed 值应该相同，否则当第一张幻灯片来自最后一张幻灯片时，它会出现抖动。