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()});
        }

    },

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();
}

应该做的伎俩

两个播放/暂停切换按钮，用于超大屏幕全屏jquery幻灯片

1 个答案: