How to add slick slider to popup?

Question

JavaScript

There is a customized slider, I use a slick. You can see here

Long suffered, but set up. And then suddenly the customer wanted the picture to be enlarged and scrolled in the same way when clicked.

Is it possible to do this by Slick or connect magnificPopup so that it doesn't conflict with the ready-made slider.

Answer 1

Set a lightbox on the slider

Answer 2

I use LightSlider + LightGallery for similar tasks.

Answer 3

sliders create auxiliary slides, slideslider creates extra slides up to the first one, I solved this problem by forcibly removing the popup slider attribute and class (in my case it was fancybox) ugly crutch, so I usually write sliders myself or use cycle2

$('.slide__item.slick-slide').each(function(i, elem){
            if ($(this).attr('data-slick-index') < 0) {
                $(this).find('a').removeClass('fancybox-image-slider').removeClass('fancybox-modal').attr({
                    rel: ''
                });
            }
        });