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值应该相同,否则当第一张幻灯片来自最后一张幻灯片时它会抖动.

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...