在 Fancybox 下面添加描述文本而不是使用标题属性？

Question

有没有什么方法可以在 Fancybox 框中添加文本而不必使用 title 属性？为了说明我遇到的问题，这是我的页面上显示的使用 Fancybox 的图片之一：

http://dl.dropbox.com/u/12453703/fbox01.PNG

如您所见，对于标题属性，我已将其放入 HTML 中，以便图片标题是一个链接到网页。它看起来不错，而且工作得很好。然而，糟糕的是，当我指向 Fancybox 的缩略图时，我得到了原始 HTML 代码：

http://dl.dropbox.com/u/12453703/fbox02.png

有一些解决方法吗？放大图像中包含 HTML 链接，但仅包含弹出的缩略图工具提示文本？或者也许（正如我的标题所示），在图像下方有一些与标题文本分开的单独文本？

（我在 Fancybox 文档中没有找到任何关于此问题的有用信息，但我可能是错的。）

谢谢。

• 编辑，我现在使用的代码非常简单：

$("a.single_image").fancybox(
{
    transitionIn: 'elastic',
    transitionOut: 'elastic',
    easingIn: 'easeInOutBack',
    easingOut: 'easeOutBack',
    speedIn: 300,
    speedOut: 300,
    cyclic: true    ,
    titlePosition: 'over',
});

Answer 1

为您的链接创建一个新的attribute，我将其命名为rel：

<a href="myimg.jpg" class="single_image" rel="My Title"><img src="myimg.jpg" /></a>

$("a.single_image").each(function(){
    $(this).fancybox({
        transitionIn: 'elastic',
        transitionOut: 'elastic',
        easingIn: 'easeInOutBack',
        easingOut: 'easeOutBack',
        speedIn: 300,
        speedOut: 300,
        cyclic: true    ,
        titlePosition: 'over',
        title:  $(this).attr('rel')
    });
})