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