Fancybox 3 заменяет иконки от Font Awesome - PullRequest
Новая
       31

Fancybox 3 заменяет иконки от Font Awesome

0 голосов
/ 29 марта 2019

Как заменить значки кнопок в fancybox 3 (закрыть, стрелка и т. Д.) На значки Font Awesome?

1 Ответ

1 голос
/ 29 марта 2019

Как правило, для настройки значков просто используйте параметр btnTpl, например, так: 

  btnTpl: {
    download: '<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}" href="javascript:;">' +
    '<i class="fas fa-arrow-down"></i>' +
    "</a>",

     // etc..
  }

Вот демонстрационная версия, в которой все значки заменены на Font Awesome - https://codepen.io/fancyapps/pen/YgmBOx

Toчестно говоря, бесплатные иконки выглядят довольно некрасиво, я бы посоветовал пойти профессионалом, выбрать другой набор иконок или придерживаться значений по умолчанию.

...