Jquery 如何同时使用图像标题和图像alt？

我正在为每个图像使用标题，但同时我想为一个类别创建一个文本（使用alt或其他方式）。此标题文本显示fancybox gallery视图中图像的底部。如果我可以将alt属性用于category，我想可以使用图片的顶部。

使用attr（）方法

有关更多详细信息，请查看以下链接：

---

如果您使用的是

HTML5 DOCTYPE

，那么您可以使用

data-*

attribute来实现此目的，如

$("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;
});

唯一的问题是，您必须在

标题中同时使用这两个选项

。。。。或者您可以使用相同的
beforeShow
选项来附加任何类似HTML的内容

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

“”+此.data（“类别”）+“”

但要将其添加到
.fancybox-inner
选择器，然后使用
afterClose
选项将其删除。
如果无法显示图像，则“alt”属性将用作图像的替代文本，那么为什么需要将其作为显示。。。！很明显，我将使用标题作为图像描述，使用alt作为图像类别名称。
beforeShow : function(){
 this.title = this.title + " - Category: " + this.data("category");
}

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