Навигация по галерее Fancybox не работает

Question

Я использую Fancybox для фотогалерей на нескольких сайтах WordPress.

После обновления до новейшего кода Fancybox у меня возникла проблема с неработающей навигацией по галерее Fancybox.

Фотографии открываются идеально, но они не связаны друг с другом.

Вот простой код, который я использую в голове:

<!-- Fancybox -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"></script>

Галереи создаются с помощью шорткода WordPress по умолчанию для медиа-галереи.

Это мой необычный звонок:

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".gallery-icon a").fancybox({ 
        animationEffect : 'fade'
    }).attr('rel', 'group1');
});
</script>

Как видите, я пытаюсь назначить rel="group1" для ссылок. Я также попробовал атрибут "data-fancybox-group".

Ни один не работает.

Вот ссылка:

Демо-сайт

Любые идеи о том, как заставить кнопки навигации появляться и связывать эти фотографии как галерею?

Может ли это быть проблема версии jQuery?

Answer 1

Галереи создаются путем добавления того же data-fancybox значение атрибута.

Например:

$(".gallery-icon a").fancybox({ 
  animationEffect : 'fade'
}).attr('data-fancybox', 'group1');

Демонстрация - https://codepen.io/anon/pen/EwpOxE?editors=1010