停止/啓動滑塊 - 在一個週期後停止

Question

我有一個項目，我正在使用的啓動/停止滑塊克里斯科伊爾在這裏顯示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/#