Jquery 如何在fancybox插件的图像下方添加文本？

我正在使用fancybox插件-

我找不到添加类“data fancybox title”的位置，该类假设在lightbox打开时显示图像下标题中的文本

---

我阅读了文档，但仍然没有弄明白。

您可以将其添加到链接的

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>

---

您的HTML看起来像这样

您需要为

锚定标记指定
标题
属性

<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>

首先，它不是一个类，而是一个属性，您可以将其添加到

这样做的好处是，当您悬停链接时，浏览器的工具提示不会显示标题

请参见

---

请注意，

data-*

属性需要HTML5

DOCTYPE

才能正确验证。

OP显然已经阅读了文档，但他/她只是感到困惑，因为

data-*

属性，特别是

data fancybox-*

属性对于许多人来说还是太新了。

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

<a data-fancybox-title="Lorem ipsum" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg">Open Image</a>