1

这是我正在工作的网站：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()});
        }

    },
4

1 回答 1

2

你不想修改超大的 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();
}

这应该够了吧

于 2013-05-07T15:34:31.097 回答