【问题标题】:How to make the jquery play automatically?如何让jquery自动播放?
【发布时间】:2012-09-10 07:55:09
【问题描述】:

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

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

My Slider problem link

谢谢

【问题讨论】:

标签: javascript jquery slider autoplay


【解决方案1】:

试试这个,

autoPlay: {
   enabled: true,
   delay: 1500
}

根据您的要求更改延迟。

或者只是尝试,

autoPlay : {
     enabled : true
}

【讨论】:

    【解决方案2】:

    AutoPlay 属性需要一个不为 true 的对象\flase value, look at doc

    试试这个代码:

     <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
                   }
      });
    });
    

    Edit: "}" 在 "pauseOnHover: true" 之后丢失。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-08-27
      • 2011-09-15
      • 1970-01-01
      • 2014-02-11
      • 1970-01-01
      • 2013-08-25
      • 2022-11-23
      相关资源
      最近更新 更多