Как прикрутить lightbox для slick.js карусели?

Question

[ishimskayamahorka14]

Есть слайдер на библиотеке slick.js, код указан в конце поста.
Необходимо сделать lightbox при нажатии на изображение.
Пробовал прикрутить по рекомендации с тостера, но не получилось.

<div class="autoplay slick">
   <div class="slider-item">
      <h3>Объявляем акции</h3>
       <img src="/images/">
       <div class="news-desc">Обращаем внимание родителей на то, что скоро детский центр Royal Academy проведет веселый и занимате...				</div>
  </div>
</div>

$('.autoplay').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
});

Answer 1

[alex-1917]

Прикручивай фэнси, наиболее бесконфликтная связка вот уже 8 лет...
www.jooom.ru/toster/products7.html

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

Comments

[ishimskayamahorka14]

Подскажите, пожалуйста, а какой подключается скрипт?
lightbox.js?

[ishimskayamahorka14]

Именно на ссылке, которую Вы прислали

[alex-1917]

damarkuzz, нет, не лайтбокс. я ж говорю - фенси, вот:
www.jooom.ru/toster/fancybox/jquery.fancybox.min.css
www.jooom.ru/toster/fancybox/jquery.fancybox.min.js