在fancybox上添加html和图像

时间:2013-07-29 02:23:59

标签: html image text fancybox

是否可以在Fancybox上的图像下添加HTML描述或文字?

以下是我所谈论的内容的模拟:

Mock up

如果不可能,您知道任何可以执行此操作的插件吗?

请帮忙

2 个答案:

答案 0 :(得分: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/并进行一些右击元素检查。

答案 1 :(得分:0)

我不是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;}​

小提琴 EXAMPLE

希望这有帮助