Slick slider & FancyBox3?

Question

[MegaPuxapb]

Не корректно работает связка Slick slider & FancyBox3.
В слайде 3 картинки, фенси показывает что их 5.

q665588f.beget.tech/testFancy3/index.html

как исправить?
или хотя бы, как в фенси убрать счётчик картинок?

Answer 1

[Sergiu Mitu]

Ну а если нужно оставить и счетчик и infinite: true, то так:

//prevent duplicate in fancybox
$(document).find('.slick-cloned a').removeAttr('data-fancybox');

Comments

[MegaPuxapb]

норм.
спасибо!

Answer 2

[Михаил Горячкин]

Что касается первого, если вы хотите, чтобы сам фансибокс указывал верное кол-во слайдов, то необходимо установить при вызове параметр:

$('.slider').slick({
infinite: false,
});

Тогда слайдер не будет делать клонов из слайдов для создания "бесконечной" ротации.
А так вы можете тупо css - сом скрыть счетчик самого фансибокса:

.fancybox-infobar{
display: none;
}

Comments

[MegaPuxapb]

Cпасибо Бро!)

1. Сработало.
2. Можно так, и так:
$("[data-fancybox]").fancybox({
infobar : false,
});

ту вот ещё баг вылез...
при перелистывании слайдера (перетягивание мышкой), автоматом открывается фенси.
q665588f.beget.tech/testFancy4/index.html

не подскажите как решить?
p.s. На моб нормально работает. На дескотопе проблема(