微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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,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,responsive:{
                0:{
                    items:1
                },600:{
                    items:3
                },1000:{
                    items:3
                }
            }
        });

我正在将这段代码用于我自己的旋转木马,以使旋转木马平滑.注意:您必须定义autoplayTimeout和autoplaySpeed值应该相同,否则当第一张幻灯片来自最后一张幻灯片时它会抖动.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐