fancybox内的图像文件名3

Question

在文档中找不到这个，虽然看起来相当微不足道。 如何在fancybox中显示图像的文件名？

Answer 1

当然，文档不包括如何“显示图像的文件名”，因为它不可能包含所有可能的场景。回调函数专门针对这些需求而设计 - 它们允许您在特定阶段执行代码段（例如，在加载之前或在显示图像之前）。

您没有指定要显示文件名的位置。如果你想要把里面的标题，然后文档提供了如何自定义标题几个例子 - http://fancyapps.com/fancybox/3/docs/#faq-2

Answer 2

在3的fancybox您可以在数据字幕属性添加到元素与图像的名称。例如：<a href="myHref" data-caption="myImageName" data-fancybox="myGroup"><img src="mySource" /></a>。

不要忘了在元素载入以下内容后进行初始化，随意添加或删除选项。

$("[data-fancybox]").fancybox({ fullScreen: true, thumbs: false, loop: true, touch: true, infoBar: true, buttons: [ 'slideShow', 'fullScreen', //'thumbs', //'share', 'download', //'zoom', 'close' ] });

Fancybox with caption