停止/启动滑块 - 一个循环后停止

Question

我正在处理一个项目，该项目使用 Chris Coyier 的“开始/停止”滑块，此处显示 http://css-tricks.com/startstop-slider。客户喜欢它，但现在希望它只循环一次并停止。同样，在它循环并停止“停止”按钮后，它会变成“开始”，这样如果用户想再次播放它就可以了。

我是 jquery/Javascript 的新手，我没有运气弄清楚这一点。

感谢您的帮助

Answer 1

需要更新doMove函数，并在滑动完成一圈后清除间隔

if (movement == tooFar) {
  $(".slide img").animate({
    "top": -200
  }, function() {
    $("#mover").animate({
      "left": 0
    }, function() {
      $(".slide img").animate({
        "top": 20
      });
    });
  });

  clearInterval(sliderIntervalID);
  $("#slider-stopper").text("Start");
}