fancybox 3中的圖像文件名

Question

雖然看起來很瑣碎，但在文檔中找不到它。 如何在fancybox中顯示圖像的文件名？

Answer 1

當然，文檔無法涵蓋如何“顯示圖像的文件名”，因為不可能包含所有可能的情況。 回調是專門為滿足這些需求而設計的-它們使您可以在某些階段（例如，在加載之前或在顯示圖像之前）執行一段代碼。

您未指定要顯示文件名的位置。 如果您想放入標題，則文檔提供了一些有關如何自定義標題的示例-http: //fancyapps.com/fancybox/3/docs/#faq-2

Answer 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' ] });

帶字幕的Fancybox