html - 在fancybox上添加html和图像

Question

是否可以在 Fancybox 的图像下方添加 HTML 描述或文本？

这是我正在谈论的内容的模拟：

如果不可能，您知道任何可以做到这一点的插件吗？

请帮忙

Answer 1

为什么是的，这是可能的 这是您添加图像后需要添加的 HTML：

<div class="fancybox-title fancybox-title-float-wrap">
    <span class="child">
        <div>HI add the html here or delete the div and add the html here</div>
    </span>
</div>

要自己测试一下，请前往这个地方： http: //fancyapps.com/fancybox/demo/并进行一些右键单击元素检查。

Answer 2

我不是fancybox 用户，但我可以向你推荐ShadowBox。

<a href="http://www.ancestry.com/wiki/images/archive/a/a9/20100708215937!Example.jpg" rel="shadowbox;height=200;width=200" title="<b>My Image</b><span>Desc</span>">My Image</a>​

#sb-title, #sb-title-inner {height: 3em;}
#sb-title-inner b {display: block; font-size: 1.2em;}
#sb-title-inner span {display: block;}​

小提琴 示例

希望这可以帮助