jquery - Fancybox のタイトル - スライドショーの状態に応じて変更

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部分にタイトルが表示されます (そのため、自動再生中であっても「一時停止」と表示されます)。ただし、次のスライドに進むとすぐに、正しいタイトルに移動します。ここで何が欠けていますか？