延长 Slider Pro 幻灯片的幻灯片持续时间答案

【问题标题】：Extend Slide Duration Of Slider Pro Slideshow延长 Slider Pro 幻灯片的幻灯片持续时间
【发布时间】：2018-02-08 17:04:20
【问题描述】：

我在网站上使用Slider Pro 制作自动循环幻灯片。我需要延长幻灯片的每个图像显示的持续时间。在documents 中提到了一个名为“slideAnimationDuration”的属性，默认值为 700。我尝试更改该值，但没有效果。网上也没有太多信息。如果有人可以帮助我，那就太好了！

这是我的代码。

jQuery(document).ready(function($) {
  $("#my-slider").sliderPro();
});

$("#my-slider").sliderPro({
  width: '100%',
  height: $(".header").height(),
  slideAnimationDuration: 5000,
  arrows: true,
  buttons: false,
  waitForLayers: true,
  fade: true,
  autoplay: true,
  autoScaleLayers: false
});

html,
body {
  padding: 0;
  margin: 0;
}

.header {
  height: 100vh;
}

<div class="header">
  <div class="slider-pro" id="my-slider">
    <div class="sp-slides">
      <div class="sp-slide">
        <img class="sp-image" src="https://dl.dropbox.com/s/rp1imhbw1s06vjv/IMG_4875.JPG" />
      </div>
      <div class="sp-slide">
        <img class="sp-image" src="https://dl.dropbox.com/s/6ffmnfh0oukrgb7/IMG_5064.JPG" />
      </div>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【问题讨论】：

您能否创建一个有效的小提琴示例链接以便我们检查。
是的！这里是go

标签： javascript jquery html css slider

【解决方案1】：

在您链接的文档中，“slideAnimationDuration”属性似乎定义了滑动动画完成所需的时间。不是每个幻灯片动画之间的间隔。

我目前在文档中看不到任何内容来更改幻灯片的显示持续时间。但是您的问题是您只是误解了财产的用途。在我看来，文档的措辞有点奇怪，所以我认为很容易错过。

【讨论】：

我也是这么想的。我刚刚给开发者发了一封电子邮件，希望他能帮助我。

【解决方案2】：

想通了，有一个使用毫秒的“autoplayDelay”属性

【讨论】：