@kentos

Как вывести слайды в fancybox?

Здравствуйте, хочу вывести слайдер в fancybox, но получаются они в одну колонку, т.е слайдер не работает вот код жс
$("#fancybox").fancybox({
        buttons: ["close"],
        hash: !1,
        arrows: !0,
        aftershow: function() {
            $(".sertificate").slick({
                dots: !1,
                infinite: !1,
                speed: 400,
                slidesToShow: 1,
                slidesToScroll: 1,
                nextArrow: '<button type="button" class="slick-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></button>',
                prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
                responsive: [{breakpoint: 768, settings: {slidesToShow: 1, slidesToScroll: 1}}]
            });
        },
        btnTpl: {
            arrowLeft: '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}"><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
            arrowRight: '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}"><i class="fa fa-chevron-right" aria-hidden="true"></i></button>'
        }
    }),


<a  href="#modal" id="fancybox"><span class="circle"><span class="plus1"></span></span><span class="ml-5">СЕРТИФИКАТЫ КАЧЕСТВА</span></a>
<div style="display: none;" id="modal">
                    <div class="sertificate">
                        <div class="item">
                            <img src="images/sertif.png" alt="">
                        </div>

                        <div class="item">
                            <img src="images/sertif.png" alt="">
                        </div>
                        <div class="item">
                            <img src="images/sertif.png" alt="">
                        </div>
                </div>
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 1
@kentos Автор вопроса
Пы.сы: Заработало, изменил aftershow => afterShow, но то теперь внутри ничего нет
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы