在fancybox 3上添加共享按钮

Question

默认情况下不显示共享按钮，我想知道如何添加它。除此之外还有其他方法吗？

$('[data-fancybox="XXXXX"]').fancybox({
    buttons : [
        'share',
        'fullScreen',
        'close'
    ]
}) 

我正在使用Tumblr，并且对数据花哨盒使用了Tumblr标记（即data-fancybox =“ {PostID}”），但是在上面的代码中对XXXXX使用了{PostID}无效。

预先感谢您的帮助。

Answer 1

基本上，有两种方法：

1）使用$( selector ).fancybox( options );选择链接并应用自定义选项。

演示-https://codepen.io/fancyapps/pen/vzoPMB?editors=1010

注意：您可以使用任何选择器，而不必使用'[data-fancybox="XXXXX"]'，例如，可以使用'.imglist a'，演示-https://codepen.io/anon/pen/YJaOVo?editors=1010

2）只需更改默认值，例如：

$.fancybox.defaults.buttons = [ 
  'slideShow',
  'share',
  'zoom',
  'fullScreen',
  'close'
];