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

Question

我正在制作一个项目，使用Chris Coyier在此处显示的“开始/停止”滑块http://css-tricks.com/startstop-slider。客户喜欢它，但现在希望它只需循环一次并停止。此外，它循环并停止“停止”按钮转到“开始”，这样如果用户想再次播放，他们就可以。

我是jquery / Javascript的新手，我没有运气搞清楚。

感谢您的帮助

Answer 1

您需要更新doMove功能并在幻灯片完成1次旋转后清除间隔

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

Answer 2

看一下这个链接，这可能对你有帮助。

http://css-tricks.com/examples/StartStopSlider/#