爲超大型全屏的jQuery幻燈片兩種播放/暫停切換按鈕

Question

這裏就是我workign的網站：http://www.stapletonjets.com/demo.asp

當你點擊佔位符「點擊這裏」鏈接，頁面內容淡出，並開始播放幻燈片玩。運作良好。然後，您會在頂部看到一個選項卡，它將切換暫停/播放並將用戶返回到該網站。

我想要做的是隻有暫停幻燈片放映，如果當前狀態是播放。換句話說，如果用戶點擊幻燈片中的暫停按鈕，那麼點擊頂部的選項卡返回到該網站，我不想再次啓動幻燈片放映......否則它會翻轉網站內容背後的幻燈片。

所以，我敢肯定只有一個函數可以檢查幻燈片的狀態（例如，暫停或播放），然後可以相應地調整選項卡的功能。例如，如果幻燈片狀態=播放，暫停幻燈片...並且如果幻燈片的狀態暫停，則不執行任何操作。

一些相關的代碼如下...只是不知道如何操縱它來做我想做的事情。任何幫助非常感謝...謝謝！

 playToggle : function(state){ 
     if (state =='play'){ 
      // If image, swap to pause 
      if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "pause.png"); 
      if (api.options.progress_bar && !vars.is_paused) theme.progressBar(); 
     }else if (state == 'pause'){ 
      // If image, swap to play 
      if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png"); 
      if (api.options.progress_bar && vars.is_paused)$(vars.progress_bar).stop().css({left : -$(window).width()}); 
     } 

    }, 

Answer 1

你不想修改超大型的js文件。您需要更改的功能應該在您的主網頁腳本標記中手寫的javascript中更改，它位於「」部分下方的某處，我們希望在春天您可以在場上看到您的孩子！「

發現這部分（我知道這是不縮進，我只是複製從頁面的源代碼粘貼吧）：

<script> 
$('#clickme2').click(function() { 

$('#tab').fadeOut('slow', function() { 
// Animation complete. 
});      

$('#maincontent').fadeIn('slow', function() { 
// Animation complete. 
}); 
$('#top').fadeIn('slow', function() { 
// Animation complete. 
}); 
$('#footer').fadeIn('slow', function() { 
// Animation complete. 
}); 

$('#bottomcontrols').fadeOut('slow', function() { 
// Animation complete. 
}); 


    api.playToggle(); 

}); 
</script> 

請注意，這是clickme2，不clickme，他們的定義是非常相似！什麼暫停/取消暫停播放器是api.playToggle（）。 playToggle會根據以前的玩家狀態暫停/取消暫停播放幻燈片 - 它不會查看發起呼叫的內容。所以我們必須修改我發佈的部分中的代碼。

讓我們改變clickme2函數的行爲，以便在播放器播放時只調用playToggle。所以讓我們結束這部分api.playToggle();本：

if(!(api.supersized.vars.is_paused)){ 
    api.playToggle(); 
} 

應該做的伎倆