1 
$("a.img").click(function(){
$.fancybox([{href:'images/img1.jpg', title: 'Sed elementum lorem purus, et hendrerit enim. Ut dignissim dolor eget ante gravida scelerisque. Suspendisse bibendum malesuada pharetra.'},{href:'images/img2.jpg', title: 'Aenean dictum volutpat magna ut posuere. Proin nec diam mi.'}], {
          openEffect:'none',
          closeEffect:'none',
          helpers:{
               title:{
                    type:'inside'
               }
          },
          closeBtn:false
     });
return false;
});

我为每个图像使用标题，但同时我想要一个类别的文本（使用 alt 或其他方式）。此标题文本在 fancybox 画廊视图中显示图像的底部。如果我可以使用类别的 alt 属性，我认为使用图像的顶部。

4

2 回答 2

0

使用 attr() 方法..

有关更多详细信息，请查看以下链接： http ://api.jquery.com/attr/

于 2012-09-04T12:08:32.337 回答
0

如果您正在使用HTML5 DOCTYPE，那么您可以将data-*属性用于此目的，例如

<a class="img" title="my title" data-category="image category name"><img src="thumb.jpg" alt="alternate" /></a>

...然后使用beforeShowAPI 选项来构造标题，如

beforeShow : function(){
 this.title = this.title + " - Category: " + this.data("category");
}

唯一的问题是您必须在title

.... 或者您可以使用相同的beforeShow选项来附加任何 HTML，例如

'<span class="category">'+this.data("category")+'</span>'

到.fancybox-inner选择器，然后使用afterClose选项将其删除。

于 2012-09-04T17:04:11.130 回答