Question

在标题中，我试图在幻灯片停止时获得一个暂停和播放按钮（单独的按钮）以及“暂停”一词。 autoPlay目前设为true。

我发现了这个：fancyBox2: Slideshow Buttons and Image Border它似乎让我接近答案，但我仍然遇到问题。当我单击暂停/播放时，将显示幻灯片中的下一张幻灯片时显示的文本（因此它不会更新当前幻灯片）。我的代码：

$(document).ready(function() {
    $(".launcher").click(function() {
        $.fancybox.open({
        helpers: {
            title:{
                type: 'inside'
            }
        },
        loop: true,
        autoPlay: true,
        playSpeed: 5000,
        nextSpeed: 1500,
        prevSpeed: 1500,
        prevEffect: 'fade',
        nextEffect: 'fade',
        afterLoad: function() {
            if ($.fancybox.player.isActive){
                this.title = '<a href="javascript:$.fancybox.play();"><img src="/assets/images/simple-pause.png"></a> <a href="javascript:$.fancybox.play();"><img src="/assets/images/simple-play.png"></a>';
            } else {
                this.title = '<a href="javascript:$.fancybox.play();"><img src="/assets/images/simple-pause.png"></a> <a href="javascript:$.fancybox.play();"><img src="/assets/images/simple-play.png"></a> <span class="pausetext"><h3>Paused</h3></span>';
            }
        }
    });
        return false;
});
});

我尝试过我在那里的变化;添加onclick以在有和没有onclick的情况下切换两个标题中的跨度，跨度。我所做的一切都不会立即隐藏/展示跨度。此外，当灯箱首次打开时，它始终显示else部分内的标题（即使它是自动播放，也会显示“已暂停”）。但是，只要它进入下一张幻灯片，它就会转到正确的标题。我在这里缺少什么？

Fancybox标题 - 根据幻灯片状态更改

0 个答案: