为超大型全屏的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(); 
} 

应该做的伎俩