在文档中找不到这个,虽然看起来很微不足道。你如何在fancybox中显示图像的文件名?
2 回答
当然,文档没有涵盖如何“显示图像的文件名”,因为不可能包含所有可能的场景。回调是专门为此类需求而设计的——它们允许您在某些阶段(例如,在加载之前或在显示图像之前)执行您的一段代码。
您没有指定要显示文件名的位置。如果你想把标题放在里面,那么文档提供了几个如何自定义标题的例子 - http://fancyapps.com/fancybox/3/docs/#faq-2
在 fancybox 3 中,您可以将data-caption属性添加到具有图像名称的元素。例如:<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'
]
});