2

スライドショーを作成しましたが、一時停止/再生の切り替えボタンを追加できません。私が間違っていることは何か分かりますか？ボタンが正しく切り替えられないか、スライドショーが一時停止します。

これが私の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();
       }
4

1 に答える 1

1

変数を使用した例を次に示しますstop。

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

stop変数の初期化

var stop = false;

ストップbuttonがクリックされた場合は、ストップを true に設定します。

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

再生buttonがクリックされた場合は、stop を false に設定し、呼び出しrunSlideShow()てスライド ショーを開始します。

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

slideShow関数で stop が true の場合、return false関数の実行を停止します。したがって、スライドショーを停止します。

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

ページが読み込まれた瞬間からスライドショーを実行する代わりにshowPlay()、一時停止ボタンが非表示になり、クリックするまでスライドショーが開始されないように呼び出しました。

showPlay();
//runSlideShow();

この例があなたを始めさせ、アイデアを与えてくれることを願っています。これは、多くの方法の 1 つにすぎません。

于 2013-11-14T22:04:15.280 に答える