javascript - 单个幻灯片延迟//Superslides

Question

这是来自 nicinabox 的 super 幻灯片的问题 Github Link

我知道您可以使用“播放”选项来设置自动进入下一张幻灯片之前的时间(以毫秒为单位)。这为整个幻灯片设置了全局时间。

我想实现的是让每张幻灯片都有自己特定的进度/延迟时间。例如，如果我有一个包含 20 张幻灯片的幻灯片，我希望所有幻灯片自动播放并在屏幕上停留 5 秒钟。但是，第三张幻灯片应显示 20 秒。

我试图通过使用 animated.slides 事件来做到这一点，但我无法让它工作，因为动画在第四张幻灯片停止:

这是我的代码:

$(function () {
  $('#slides').superslides({

      hashchange: true,
      play: 5000,
      pagination: true
  });


});

$('#slides').on('animated.slides', function () {
  var current_index = $(this).superslides('current');

  if (current_index === 2) { // third slide

      $(this).superslides('stop');

      var disp = function test1() {

          setTimeout(function ()

              {
                  $('#slides').superslides('animate', 3)
              }, 20000);

      }
      disp();

  }

});

如有任何帮助，我们将不胜感激。也许有人可以解决我的问题。

Answer 1

将 .superslides('animate', 3) 替换为 .superslides('start')。

Demo (条件是 2，正如你最初写的那样)