Fancybox4中如何使用a标签的title属性作为灯箱图片的标题？

完全可以实现该需求，只需通过caption配置项的回调函数读取触发元素的title属性返回即可。

完整实现代码如下：

HTML部分 #

<a href="aaaa.jpg" title="Image 1" rel="lightbox[aaa]">
  <img src="aaa.jpg" alt="alt image 1">
</a>

JS配置部分 #

Fancybox.bind("a[rel^=lightbox]", {
  groupAll : true,
  caption: function (fancybox, slide) {
    // slide.triggerEl 对应触发当前灯箱的a标签DOM对象，直接返回其title属性值
    return slide.triggerEl.title;

    // 可选兜底逻辑：若a标签无title，则取内部img的alt属性作为标题
    // return slide.triggerEl.title || slide.triggerEl.querySelector('img')?.alt || '';
  }
});

内容的提问来源于stack exchange，提问作者Igor