Как подружить Slick Slider и Lightbox?

Question

[JoyDumply]

Вопрос очень банален

Есть слайдер с бесконечной прокруткой.
Бесконечная прокрутка создаёт клоны слайдов
В галерее Lightbox создаются дубликаты картинок
Как подружить Слайдер с Галереей?

Comments

[Beliyadm]

повесить инициализацию лайтбокса ниже галереи (сначала скрипт создаст клоны слайдов, потом на них отработает лайтбокс)

[JoyDumply]

Beliyadm, её разве можно инициализировать через скрипт? Я думал только через data-lightbox

[Beliyadm]

JoyDumply, ну вы же подключаете лайтбокс в хтмл страницу и где-то его инициализируете? Типа

$("[data-fancybox]").fancybox({
	// бла бла
});

Вот эта инициализация должна идти после того, как скрипт слайдера создаст все свои клоны. Ну и нужно учитывать, что есть миллион разных скриптов лайбоксов с своими особенностями

[JoyDumply]

Beliyadm, при клике на клон не будет срабатывать lightbox :\

Answer 1

[alex-1917]

slick и fancybox отлично дружат.

www.jooom.ru/toster/products7.html

$(document).ready(function(){
  $('.product_list').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
  });
  $('.product_img').fancybox();
});

Comments

[Альберт]

спасибо

[Алексей Демидов]

У вас в слайдере fancybox нет галереи, вы открываете фото по отдельности, поэтому проблемы не видно.
Проблема, когда fancybox, при открытии, создает свою галерею и дублирует картинки.