如何使jquery自动播放

How to make the jquery play automatically?

本文关键字：自动播放 jquery 何使      更新时间：2023-09-26

我有一个关于幻灯片放映的问题，我想让它自动播放，怎么做？？？

我已经将自动播放设置从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文件，这是我的链接

我的Slider问题链接

感谢

试试这个，

autoPlay: {
   enabled: true,
   delay: 1500
}

根据您的要求更改延迟。

或者试试，

autoPlay : {
     enabled : true
}

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"之后缺少"｝"。

相关文章：