Как подключить fancybox для доп. полей с типом "Загружаемая галерея изображений"?

С постером все понятно, выводится без проблем следующим кодом:

<div class="xposter">
                <a data-fancybox="gallery" href="[xfvalue_image_url_poster]">[miniposter=short]<img src="xfvalue_image_url_poster]"></a>[/miniposter]
</div>

Но непонятно как вывести изображения из доп. поля. Изображения находятся в Owl Carousel (слайдер-карусель), выводятся стандартной галереей картинок DLE так:

		<div class="xscreens owl-carousel" id="owl-scr">
	    [xfgiven_screens][xfvalue_screens image="1"][/xfgiven_screens]
            [xfgiven_screens][xfvalue_screens image="2"][/xfgiven_screens]
            [xfgiven_screens][xfvalue_screens image="3"][/xfgiven_screens]
            [xfgiven_screens][xfvalue_screens image="4"][/xfgiven_screens]
            [xfgiven_screens][xfvalue_screens image="5"][/xfgiven_screens]
            [xfgiven_screens][xfvalue_screens image="6"][/xfgiven_screens]
		</div>

Также у картинок есть уменьшенная копия, только уже без минипостера, созданная стандартными возможностями дле - thumbs.
Пример одной картинки из исходного кода:

<div class="owl-item cloned" style="width: auto; margin-right: 20px;"><a href="https://site.com/uploads/posts/2020-12/254505391123.jpg" class="highslide" target="_blank"><img class="xfieldimage screens" src="/uploads/posts/2020-12/thumbs/254505391123.jpg" alt=""></a></div>

Кто такое делал? киньте, пожалуйста, решение.