Добавление кнопки «Поделиться» на fancybox 3

Question

Кнопки «Поделиться» по умолчанию отсутствуют, и мне интересно, как их добавить.Есть ли другой метод, кроме этого?

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

Я нахожусь на Tumblr и использую тег Tumblr для data-fancybox (то есть data-fancybox = "{PostID}"), но использую {PostID}для XXXXX в приведенном выше коде не работает.

Заранее благодарим за помощь.

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'
];