【发布时间】:2017-09-29 10:51:13
【问题描述】:
在文档中找不到这个,虽然看起来很简单。 如何在fancybox中显示图片的文件名?
【问题讨论】:
标签: javascript fancybox fancybox-3
在文档中找不到这个,虽然看起来很简单。 如何在fancybox中显示图片的文件名?
【问题讨论】:
标签: javascript fancybox fancybox-3
当然,文档没有涵盖如何“显示图像的文件名”,因为不可能包含所有可能的场景。回调是专门为此类需求而设计的——它们允许您在某些阶段(例如,在加载之前或在显示图像之前)执行您的一段代码。
您没有指定文件名的显示位置。如果你想把标题放在里面,那么文档提供了几个如何自定义标题的例子 - 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'
]
});
【讨论】: