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

Question

我正在使用 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>

Answer 1

弄清楚了，有一个使用毫秒的“autoplayDelay”属性

Answer 2

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

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

Answer 3

autoplayDelay: 15000 //等待15秒更换幻灯片