Question

$("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属性用于类别，我认为使用这个顶部的图像。

Answer 1

使用attr（）方法..

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

Answer 2

如果您使用的是HTML5 DOCTYPE，那么您可以将data-* attributte用于此目的，例如

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

...然后使用beforeShow API选项构建标题，如

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

唯一的问题是你必须在title

中使用它们

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

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

然后使用.fancybox-inner选项删除它。

我如何使用图像标题和图像alt？

2 个答案: