jquery - ファンシーボックス2とタイトル

Question

キャプションにサムネイルの「alt」属性を使用しています。

    $(".fancybox").fancybox({
         beforeShow : function() {
         var alt = this.element.find('img').attr('alt');

         this.inner.find('img').attr('alt', alt);

         this.title = alt;
         }
    });

しかし、タイトルに「オーバー」スタイルを使用したい場合、これは機能しません。

    $(".fancybox").fancybox({
         helpers : {
         title: {
         type: 'over'
                }
                    }
    });

どういうわけか一緒に使いたいときにうまくいきません。

Answer 1

次のように、同じセレクターの初期化内ですべての API オプションを設定する必要があります。

$(".fancybox").fancybox({
    beforeShow: function () {
        var alt = this.element.find('img').attr('alt');
        this.inner.find('img').attr('alt', alt);
        this.title = alt;
    },
    helpers: {
        title: {
            type: 'over'
        }
    }
});

それ以外の場合は、2 番目が最初のものをオーバーライドします。

JSFIDDLEをチェック