播放/暫停切換按鈕jquery幻燈片

Question

我創建了幻燈片，但添加暫停/播放切換按鈕時遇到問題。任何想法我做錯了什麼？該按鈕沒有正確切換或暫停幻燈片。

這裏是我的jsfiddle：http://jsfiddle.net/L7yKp/103/

這是我遇到的麻煩的部分：

$('#stop').click(function() { 
     stop(); 
     showPlay(); 
     }); 

    $('#play').click(function() { 
     start(); 
     showPause(); 
     }); 

    function showPause() { 
     $('#play').hide(); 
     $('#stop').show(); 
     } 

    function showPlay() { 
     $('#stop').hide(); 
     $('#play').show(); 
     } 

Answer 1

下面是一個使用可變stop一個例子。

http://jsfiddle.net/L7yKp/104/

初始化變量stop

var stop = false; 

如果停止button點擊然後設置停止爲true。

$('#stop').click(function() { 
    stop = true; 
    //stop(); 
    showPlay(); 
}); 

如果播放button點擊然後設置停止虛假，並呼籲runSlideShow()開始播放幻燈片。

$('#play').click(function() { 
    stop = false; 
    runSlideShow(); 
    showPause(); 
}); 

在你slideShow功能，如果停止爲真，則return false從停止運行的功能。因此停止幻燈片放映。

var slideShow = function(){ 
    if(stop) 
     return false; 
    .... 
} 

而是從目前運行幻燈片頁面加載我叫showPlay()使暫停按鈕將被隱藏和幻燈片不會啓動，直到點擊的。

showPlay(); 
//runSlideShow(); 

希望這個例子將讓你開始，給你的想法。這只是你能做到這一點的衆多方法之一。