Fancybox V2 CSS для V3 - PullRequest
Новая
       21

Fancybox V2 CSS для V3

0 голосов
/ 14 ноября 2018

Я пытаюсь перенести проект с Fancybox V2.5 на V3, но он должен сохранить первоначальный вид.

Как получить оригинальную букву X в круге в верхнем правом углу и другие параметры, такие как закругленные углы, тень и т. Д., Для работы в V3?

1 Ответ

0 голосов
/ 14 ноября 2018

Вы можете просто использовать callback для добавления дополнительных элементов, а затем использовать фрагменты css из v2 для стиля, например: 

$('[data-fancybox="images"]').fancybox({
  toolbar  : false,
  smallBtn : false,
  arrows   : false,
  idleTime : false,
  loop     : true,
  transitionEffect : false,
  animationDuration : 333,
  afterLoad : function(instance, slide) {
    $('<a title="Close" class="fancybox-item fancybox-close" href="javascript:;" data-fancybox-close></a><a title="Previous" class="fancybox-item fancybox-nav fancybox-prev" href="javascript:;" data-fancybox-prev><span></span></a><a title="Next" class="fancybox-item fancybox-nav fancybox-next" href="javascript:;" data-fancybox-next><span></span></a>').appendTo( slide.$content );
  }
});

Демо - https://codepen.io/fancyapps/full/ePYNZo

...