在fancybox 3上添加分享按钮

【问题标题】：Adding share button on fancybox 3在fancybox 3上添加分享按钮
【发布时间】：2018-10-18 11:25:42
【问题描述】：

默认情况下不存在共享按钮，我想知道如何添加它。除了这个还有其他方法吗？

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

我在 Tumblr 上，并为 data-fancybox 使用 Tumblr 标签（即 data-fancybox="{PostID}"），但在上面的代码中为 XXXXX 使用 {PostID} 不起作用。

提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

基本上有两种方法：

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

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

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

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

【讨论】：