javascript - 如何让jquery自动播放？

Question

我对我的幻灯片有疑问，我希望它自动播放，怎么做？？？

我已经将自动播放设置从 false 更改为 true，但仍然不能。

这是我的代码：

 <script>
  jQuery(document).ready(function($) {
  $('#full-width-slider').royalSlider({
    arrowsNav: true,
    loop: true,
    keyboardNavEnabled: true,
    controlsInside: false,
    imageScaleMode: 'fill',
    arrowsNavAutoHide: false,
    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,     
    autoScaleSliderHeight: 350,
    controlNavigation: 'bullets',
    thumbsFitInViewport: false,
    navigateByClick: true,
    startSlideId: 0,
    autoPlay: true,
    transitionType:'move',
    globalCaption: true
  });
});

</script>

如果您需要阅读 jquery 文件，这是我的链接

我的滑块问题链接

谢谢

Answer 1

尝试这个，

autoPlay: {
   enabled: true,
   delay: 1500
}

根据您的要求更改延迟。

或者只是尝试，

autoPlay : {
     enabled : true
}

Answer 2

AutoPlay 属性需要对象不是 true\flase 值，请查看文档

试试这个代码：

 <script>
  jQuery(document).ready(function($) {
  $('#full-width-slider').royalSlider({
    arrowsNav: true,
    loop: true,
    keyboardNavEnabled: true,
    controlsInside: false,
    imageScaleMode: 'fill',
    arrowsNavAutoHide: false,
    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,     
    autoScaleSliderHeight: 350,
    controlNavigation: 'bullets',
    thumbsFitInViewport: false,
    navigateByClick: true,
    startSlideId: 0,
    autoPlay:  {
            // autoplay options go gere
                enabled: true,
            pauseOnHover: true
               }
  });
});

编辑：在 " pauseOnHover: true" 之后缺少 "}" 。