jquery - fancybox プラグインで画像の下にテキストを追加する方法は?

Question

私は fancybox プラグインを使用しています - http://fancyapps.com/fancybox/

ライトボックスが開いたときに画像の下のタイトルにあるテキストを表示すると思われるクラス「data-fancybox-title」を追加する場所が見つかりません。

ドキュメントを読みましたが、まだわかりませんでした。

Answer 1

HTML は次のようになります。

titleの属性を指定する必要があります。anchor tag

<a rel="gallery" title="Lorem ipsum Title" class="fancybox"   
                  href="http://fancyapps.com/fancybox/demo/1_b.jpg">
     <img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/>
</a>

画像の下部に表示するには、これを試してください

$(".fancybox").fancybox({
    helpers : {
        title: {
            type: 'inside',
            position: 'bottom'
        }
    }
});

フィドルをチェック

Answer 2

titleリンクの属性に追加します。明らかに、ドキュメントを読んでいません。

<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">
    <img src="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_m.jpg" alt="" />
</a>