tyzberd

на большую картинку вешаете такой код (тут немного лишнего)

var isMobileDevice = $('body').hasClass('mobile');
$(document).on('click', '.one-sensor__big-img, function (e) {
        e.preventDefault();
        var $links = sliderBig.data('json');
        var index = $(this).data('fancybox-index');

        $.fancybox.open($links.image, {
            baseClass: "js-gallery-big-fancybox fancybox-horizontal-thumbs",
            arrows: true,
            toolbar: true,
            loop: true,
            thumbs: {
                autoStart: false,
                axis: isMobileDevice ? 'x' : 'y'
            },
            buttons: [
                "slideShow",
                "fullScreen",
                "thumbs",
                "close"
            ]
        }, index);
    });

и json на большую (не помню, возможно "index" в json не нужен)

{
  "image": [
    {
      "src": "orig/booking18059_1.jpg",
      "opts": {
        "thumb": "/orig/small/booking18059_1.jpg",
        "index": "0"
      }
    },
    {
      "src": "/orig/booking18059_10.jpg",
      "opts": {
        "thumb": "/orig/small/booking18059_10.jpg",
        "index": "1"
      }
    },
    {
      "src": "/orig/booking18059_11.jpg",
      "opts": {
        "thumb": "/orig/small/booking18059_11.jpg",
        "index": "2"
      }
    },
    {
      "src": "/orig/booking18059_13.jpg",
      "opts": {
        "thumb": "/orig/small/booking18059_13.jpg",
        "index": "3"
      }
    },
    {
      "src": "/orig/booking18059_14.jpg",
      "opts": {
        "thumb": "/orig/small/booking18059_14.jpg",
        "index": "4"
      }
    }
  ]
}

потом миниатюрам тоже проставляете индекс и меняете при клике у большой.

https://github.com/fancyapps/fancybox/pull/2252
https://github.com/fancyapps/fancybox/pull/2252/co...
или это
https://github.com/sass/sass/issues/2378#issuecomm...

там нет такого функционала.
Так как то сделать https://codepen.io/nonag/pen/eLaEPp

без стилей, потому что в iframe они должны тоже быть https://jsfiddle.net/hu5t46a7/
Вынесите стили для печати в отдельный файл, и подключайте в iframe

https://fancyapps.com/fancybox/3/docs/#options
baseTpl : "ваш темплейт"

В любом случае thumbs перестают инициализироваться, пропадает кнопка вызова thumbs и события на ней. В чем может быть причина?

вы добавляете index в data-fancybox, а должно быть везде одинаково, тогда они будут в группе

я делал с owl, но принцип тот же.

html отдельного слайда

<div class="item" data-index="2">
                <a href="/data/himg/booking1395_1.jpg" data-fancybox="images-tour"><img
                        class="owl-lazy" width="932" height="619" src=""
                        data-src="/data/himg/booking1395_1.jpg"
                        alt=""></a>
            </div>

с этого нужно data-index (начинаем с 1), что бы искать нужный слайд и data-fancybox что бы работало открытие при переходе по ссылке.

скрипт

var owl = $('.slider'); //слайдер еще без клонов
$links = owl.find('a'); // ссылки. Тут не должно быть клонированных ссылок

/*
    'click.fb-start' нашел полазив в плагине.
    При переходе по ссылке с hash, скрипт находит дата атрибут с названием как в хеш, и тригает на нем это событие
    
    '.item a' для того, что бы клик нормально работал и на клонах. 
*/
owl.on('click.fb-start', '.item a', function (e) {
    e.preventDefault();
    var index = $(this).parent('.item').data('index'); 
    $.fancybox.open($links, {
        arrows: true,
        toolbar: true,
        loop: true,
        buttons: [
            "slideShow",
            "fullScreen",
            "thumbs",
            "close"
        ],
        hash: 'images-tour' // хеш такой как в дата атрибуте
    }, index); // по этому индексу в $links будет найдена ссылка
});

когда делал с owl, ссылки я получал после инициализации карусели через api.
в слик можно получить так

var $links = $(".Modern-Slider").slick('getSlick').$slides.find('a');

https://jsfiddle.net/c2o4snuh/41/

var $links = $('.fancybox');
    
$links.on('click', function() {

    $.fancybox.open( $links, {
        // Custom options
    }, $links.index( this ) );

    return false;
});

loop: true
все есть в доках