Обратный вызов Fancybox для перемещения карусели совы в индекс fancybox # - PullRequest
0 голосов
/ 08 апреля 2019

Я пытаюсь соединить лайтбокс Fancybox с совой-каруселью.

Внутри всех ссылок на изображения у меня есть: -

data-fancybox="gallery"

срабатывает через: -

$(function () {
    $('[data-fancybox="gallery"]').fancybox({
        buttons: [
            "close"
        ],
        loop: true
    });

И я знаю, что могу программно переместить карусель совы на предмет (например, # 4), используя: -

$('#thumbGalleryDetail2').trigger('to.owl.carousel', 4)

Все работает хорошо, но я бы хотел, чтобы сова карусели переместилась к последнему просмотренному изображению в fancybox. Я понял, что для этого мне нужен обратный вызов из fancybox, но я не уверен, как это сделать, и документации по обратным вызовам из fancybox не так много. Я даже не могу заставить простой console.log работать над закрытием fancybox, и я попробовал lot различных примеров.

Единственное осложнение, если оно может работать, заключается в том, что индекс fancybox начинается с 1, а индекс совы начинается с 0, поэтому обратный вызов fancybox должен быть равен его индексу -1.

Любая помощь будет высоко ценится!

Отредактировано для добавления решения: -

$(function () {
    $('[data-fancybox="gallery"]').fancybox({
        buttons: [
            "close"
        ],
        loop: true,
        afterShow : function( instance, current ) {
            // console.log(current.index);
            $('#thumbGalleryDetail2').trigger('to.owl.carousel', current.index)
        }
    });
});
...