javascript - HTML - Fancybox - 在图像缩略图下方添加文本

Question

我在我的网站上使用来自这个演示的简单图片库的 HTML 代码:http://fancyapps.com/fancybox/demo/有没有一种简单的方法可以在每个缩略图下方添加与图像标题(单击缩略图后显示)不同的文本？

非常感谢。

编辑:感谢您的帮助，但这并不是我所要求的。反正我 friend 已经解决了。图片链接和描述必须彼此相邻地包含在一个父元素中，如下所示:

<div>
    <a ... ><img src="image link" alt="First picture" /></a>
    <p>Description</p>
</div>

然后将 div 的宽度设置为图像缩略图的宽度，使描述“下降”到缩略图下方。

Answer 1

您是否尝试过使用内联 选项？因为它与您想要的非常相似。

链接按钮

<a class="fancybox" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a>

内联 HTML

<div id="inline1" style="width:400px;display: none;">
  <p>Your Main image could be here</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque.</p>
</div>