Как объединить фотографии в галерею в FancyBox 3?

Не получается объединить фотографии в галерею так, чтобы появились стрелки навигации, как здесь: https://fancyapps.com/fancybox/3/#gallery-1
По одной фотографии открывается нормально, если добавить class к ссылке на фото, например photo и установить скрипт

<script type="text/javascript">
$(document).ready(function(){$(".photo").fancybox();});
</script>

Пробовал к фотографиям добавлять атрибут data-fancybox="group" - не работает.
Пробовал добавлять атрибут rel="group" и скртипт:

<script type="text/javascript">
$(document).ready(function() {
    $("a[rel=group]").fancybox({
        'transitionIn' : 'none',
        'transitionOut' : 'none',
        'titlePosition' : 'over',
        'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
        }
    });
});
</script>

Тоже не получется.

Где может быть ошибка?