Почему не работает Slick slider с Fancybox?

Question

[rinatoptimus]

Попробовал соединить Slick slider с Fancybox (на проекте уже используется Фэнсибокс, поэтому тащить другой плагин не стал). Результат работает некорректно: при появлении попапа в слайдере появляется какое-то пустое место. Не могу разобрать причину, в консоли нет никаких ошибок. Может, есть похожий пример, я нигде не нашел.
Код Фэнсибокса:

$('.js-fancybox').fancybox({
         openEffect  : 'none',
         closeEffect : 'none',
         prevEffect : 'none',
         nextEffect : 'none',
         closeBtn  : true,
         arrows    : false,
         nextClick : false,
         helpers : {
          title : {
           type : 'inside'
          },
          buttons : {},
          thumbs : {
           width : 50,
           height : 50
          }
         },
         afterLoad : function() {
          this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
         }
      });

Фиддл.

Comments

[alvvi]

Пока разберешься во всех версиях этого мягко говоря нестабильного плагина, сломаешь себе голову.

Исчезают ваши картинки потому что на них через js вешается
display: block;, можно исправить костылем, характер которого должен быть очевиден, а можно все же найти правильную документацию / тот скрипт который вешает этот стиль, понять его логику и сделать так, как надо. ( Заниматься этим я, конечно же, не буду. ) В общем, наводку я вам дал.

[rinatoptimus]

Илья Ростопка: Спасибо! Прописал display: block !important; пусть так будет. Нестабильный плагин - какой вы имеете в виду? Сами какой рекомендуете?

[Паша Тарасенко]

fancyapps.com/fancybox/3 со slick slider нормально работает

[rinatoptimus]

Паша Тарасенко: хотел вообще другой использовать, но на проекте именно Фэнсибокс 2 уже используется. ОК.