我在我的网站上使用来自这个演示的简单图片库的 HTML 代码:http://fancyapps.com/fancybox/demo/有没有一种简单的方法可以在每个缩略图下方添加与图像标题(单击缩略图后显示)不同的文本?
非常感谢。
编辑:感谢您的帮助,但这并不是我所要求的。反正我 friend 已经解决了。图片链接和描述必须彼此相邻地包含在一个父元素中,如下所示:
<div>
<a ... ><img src="image link" alt="First picture" /></a>
<p>Description</p>
</div>
然后将 div 的宽度设置为图像缩略图的宽度,使描述“下降”到缩略图下方。
最佳答案
您是否尝试过使用内联 选项?因为它与您想要的非常相似。
链接按钮
<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>
关于javascript - HTML - Fancybox - 在图像缩略图下方添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19855399/