Question

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

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

如您所见，对于我放入HTML的title属性，图片标题是指向网页的链接。它看起来不错，工作得很好。然而，不好的是，当我指向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')
    });
})

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

1 个答案: