@ArtJH

Как подружить fancybox и swiper?

Суть проблемы:
В слайдере swiper 3 элемента,
Но когда открываешь код в браузере, то свайпер дублирует эти слайдеры и в итоге у меня будто 7 элементов в слайдере
И при нажатии срабатывает fancybox c 7-ью картинками
Как сделать так чтоб fancybox брал только оригинальные элементы без дубликатов. Думаю можно через класс, но только как?
  • Вопрос задан
  • 3187 просмотров
Решения вопроса 2
Все есть у них в документации, и конкретно такой случай тоже описан и даже пример приведен)
https://codepen.io/fancyapps/pen/NLQZBr?editors=1010
Ответ написан
@ArtJH Автор вопроса
При зацикленном прокручивании не нашел решения исправить баг
Единственное решение это не делать его зацикленным
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@DrFaustin
Программист, фронтенд, Битрикс
А что мешает прописать селектор фансибоксу типа :not(.swiper-slide-duplicate)?
Ответ написан
@dcBlack
Можно вот так сделать например, селектор подобрать подходящий для каждого элемента
$('[data-fancybox="gallery"]').fancybox({
        backFocus : false
    });
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы