播放/暂停切换按钮jquery幻灯片

我创建了幻灯片，但添加暂停/播放切换按钮时遇到问题。知道我做错了什么吗？按钮未正确切换或暂停幻灯片放映

这是我的JSFIDLE：

这是我遇到麻烦的部分：

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

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

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

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

---

下面是一个使用变量

stop

的示例

初始化

stop

变量

var stop = false;

如果单击停止

按钮

，则将停止设置为true

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

如果单击播放

按钮

，则将“停止”设置为false，并调用

runSlideShow（）

开始幻灯片放映

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

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

在您的

幻灯片中

函数中，如果stop为true，则

返回false

将停止函数运行。从而停止幻灯片放映

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

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

我调用了

showPlay（）

，而不是从页面加载时开始运行幻灯片放映，这样暂停按钮将被隐藏，幻灯片放映将在单击后才开始

showPlay();
//runSlideShow();

---

希望这个例子能让你开始，给你一个想法。这只是众多方法中的一种。

效果非常好。感谢您提供的详细信息！