jquery - 超サイズのフルスクリーンjqueryスライドショー用の2つの再生/一時停止トグルボタン

Question

ここに私が取り組んでいるサイトがあります: 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()});
        }

    },