Как подружить fotorama4 и fancybox3?

Question

[Александра]

Всем привет, я уже замучалась, подскажите пожалуйста как решить проблему :( Срабатывает фэнсибокс, но выводит только первую и вторую картинки с фоторамы. Для фэнсибокс никакой код не прописываю, все из под коробки через атрибуты. Для swiper в таком же виде все работает, для слайдера с миниатюрами взяла фотораму и такая проблема

<div class="fotorama" data-nav="thumbs" data-arrows="true" data-thumbwidth="210" data-thumbheight="110" data-click="false" data-swipe="false" data-thumbmargin="21">
                <div data-img="img/slide_1.jpg"><a href="img/slide_1.jpg" data-fancybox="gallery"></a></div>
                <div data-img="img/slide_2.jpg"><a href="img/slide_2.jpg" data-fancybox="gallery"></a></div>
                <div data-img="img/slide_3.jpg"><a href="img/slide_3.jpg" data-fancybox="gallery"></a></div>
                <div data-img="img/slide_4.jpg"><a href="img/slide_4.jpg" data-fancybox="gallery"></a></div>
            </div>

Answer 1

[Александра]

Не много поковыряла апи и того, и другого, решила проблему таким образом, может кому пригодится

$(function() {
        var $fotoramaDiv = $('.fotorama').fotorama();
        var fotorama = $fotoramaDiv.data('fotorama');
        var imagArr = fotorama.data;
        var srcArr = [];

        for(var i = 0; i < imagArr.length; i++){
            var src = {};
            src.src = imagArr[i].img;
            srcArr.push(src);
        }
        
        $('.fotorama__img').click(function(){
            $.fancybox.open(srcArr, {
                loop: false
            });
        });
    });

Answer 2

[Константин Б.]

Зачем вам Fancybox если вы используете фотораму?

Comments

[Александра]

ну как бы не ко мне вопрос, так заказчик захотел

[Константин Б.]

Александра, ну так и объясните что не нужно так делать. Тем более у фоторамы уже есть встроенный лайтбокс

[Александра]

Константин Б., не люблю объяснять, предпочитаю находить решение) уже разобралась

[yarovikov]

Константин Б., тут вопрос скорее в том, зачем фоторама, если внутри фэнси уже есть все то же самое

[Александра]

yarovikov, Константин Б., вопрос был в том, как это сделать в данном конкретном случае, а вы мне предлагайте ходить огородами, спасибо за советы, уже все сделала