jquery - Owl Carousel AutoPlayTimeout不能平滑滚动

我在让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>

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

最佳答案

jQuery('.owl-carousel').owlCarousel({
            center: true,
            items:3,
            loop:true,
            margin:30,
            nav:false,
            dots:true,
            autoplay: true,
            slideTransition: 'linear',
            autoplayTimeout: 6000,
            autoplaySpeed: 6000,
            autoplayHoverPause: true,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:3
                },
                1000:{
                    items:3
                }
            }
        });

我正在为自己的轮播使用此代码，以使轮播变得流畅。注意:您必须将autoplayTimeout和autoplaySpeed值定义为相同，否则当第一张幻灯片来自最后一张幻灯片时，它将变得异常。

关于jquery - Owl Carousel AutoPlayTimeout不能平滑滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28312872/