0

在标题中，当幻灯片停止时，我试图获得一个暂停和播放按钮（单独的按钮）以及“暂停”一词。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部分中显示标题（因此即使它正在自动播放，它也会显示“暂停”）。但是，只要它转到下一张幻灯片，它就会转到正确的标题。我在这里想念什么？

4

0 回答 0