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