Fancybox 3 открыть, используя метод API и кнопку поделиться - PullRequest
Новая
       27

Fancybox 3 открыть, используя метод API и кнопку поделиться

0 голосов
/ 25 сентября 2019

Я хочу открыть fancybox методом open api и открыть меню «Поделиться». 

<a class="box" href="https://source.unsplash.com/juHayWuaaoQ/1500x1000" data- 
 fancybox="images" data-caption="Backpackers following a dirt trail">
    <img src="https://source.unsplash.com/juHayWuaaoQ/240x160" />
</a>

При нажатии открывается изображение, но кнопка «Поделиться» отсутствует.Как я могу иметь кнопку поделиться?

https://jsfiddle.net/92vepwLr/2/

1 Ответ

0 голосов
/ 26 сентября 2019

Используйте параметр buttons, чтобы указать кнопки на панели инструментов.Пример:

HTML 

<a class="item">
  <img src="https://source.unsplash.com/juHayWuaaoQ/240x160" />
</a>

JS 

$('.item').on('click', function() {
  $.fancybox.open({
    src: "https://source.unsplash.com/juHayWuaaoQ/1500x1000",
    opts: {
      thumb: "https://source.unsplash.com/juHayWuaaoQ/240x160",
      caption: "lorem ipsum dolor",
            buttons: ['zoom', 'share', 'close']
    }
  });
});

Демонстрация - https://jsfiddle.net/8mh15gwd/

...