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单击停止，则将停止设置为真。

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

如果button单击播放，则将 stop 设置为 false 并调用runSlideShow()以开始幻灯片放映。

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

在您的slideShow函数中，如果 stop 为真，则return false停止该函数运行。从而停止您的幻灯片放映。

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

我没有从页面加载的那一刻开始运行幻灯片，而是调用showPlay()了暂停按钮，并且幻灯片在单击之前不会开始。

showPlay();
//runSlideShow();

希望这个例子能让你开始并给你一个想法。这只是您可以做到的众多方法之一。

于 2013-11-14T22:04:15.280 回答