Stop / Start Slider - остановка после одного цикла

Question

У меня есть проект, над которым я работаю, который использует слайдер Start / Stop Криса Койера, показанный здесь http://css -tricks.com / launchtop-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");
}