Как сделать переинициализацию Swiper внутри Magnific Popup?

189
02 февраля 2018, 21:05

Здравствуйте. Имеется галерея модальных окон Magnific Popup. Их можно открыть все по отдельности, или же открыть одно и внутри листать.

$('.open-example').magnificPopup({
            mainClass: 'mfp-fade',
            type: 'inline',
            gallery:{
                enabled: true,
                arrows: false
            },
            callbacks: {
                beforeOpen: function(){
                    $(window).trigger('resize');
                }
            }
        });
        $('.prev-proj').on('click', function(e) {
            e.preventDefault();
            $.magnificPopup.instance.prev();
            return false;
        });
        $('.next-proj').on('click', function(e) {
            e.preventDefault();
            $.magnificPopup.instance.next();
            return false;
        });

Внутри каждого слайда сделан слайдер:

var galleryTop = new Swiper('.gallery-top', {
        loop:true,
        loopedSlides: 6,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var galleryThumbs = new Swiper('.gallery-thumbs', {
        spaceBetween: 20,
        loop:true,
        loopedSlides: 6,
        slidesPerView: 3,
        touchRatio: 0.2,
        slideToClickedSlide: true,
    });
    galleryTop[0].controller.control = galleryThumbs;
    galleryThumbs[1].controller.control = galleryTop;

Ну и при переключении слайдов magnifica ломается внутренний слайдер. Как быть? Я грешу на эти строки, но не уверен

galleryTop[0].controller.control = galleryThumbs;
galleryThumbs[1].controller.control = galleryTop;
READ ALSO
Перенос кода с Jquery на нативный JS

Перенос кода с Jquery на нативный JS

Есть часть кода на jQuery, который без проблем работает:

248
Как упростить конструкцию на PHP?

Как упростить конструкцию на PHP?

Например, сначала просто определить массив нужных полей, затем заполнить их из $_POST, и передать дальшепроверять что $ins это массив смысла нет,...

220
Вывод данных с MySql в select

Вывод данных с MySql в select

Имеется форма в которой есть <select> (Код ниже)

316