Я пытаюсь соединить лайтбокс 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)
}
});
});