fancybox 3

时间:2017-09-29 10:51:13

标签: javascript fancybox fancybox-3

在文档中找不到这个,虽然看起来很琐碎。 如何在fancybox中显示图像的文件名?

2 个答案:

答案 0 :(得分:1)

当然,文档不包括如何显示图像的文件名",因为不可能包含所有可能的场景。回调是专为满足这些需求而设计的 - 它们允许您在特定阶段执行您的代码(例如,在加载之前或在显示图像之前)。

您没有指定要显示文件名的位置。如果您想要放入标题内,那么文档提供了一些如何自定义标题的示例 - http://fancyapps.com/fancybox/3/docs/#faq-2

答案 1 :(得分:0)

在fancybox 3中,您可以使用图像名称为元素添加数据字幕属性。例如:<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