Trigger Fancybox в регионе Turnjs - PullRequest
Новая
       14

Trigger Fancybox в регионе Turnjs

0 голосов
/ 27 сентября 2018

Я работаю над цифровым журналом.Почти готово, за исключением последней части.TurnJS имеет эту функцию региона, где вы можете определить кликабельную область на изображении и делать такие вещи, как переход по URL или переход на определенную страницу.Цель состоит в том, чтобы запустить fancybox, содержащий видео YouTube.

Вот что у меня есть:

12-region.json: 

[{
    "x":20,
    "y":95,
    "width":126,
    "height":50,
    "class":"link",
    "data":
        {
            "url": "https://www.youtube.com/embed/c5vtcm4hRGs?autoplay=1"
        }
}
]

Триггер Fancybox: 

 $( '.magazine .p12' ).on( 'click', 'div.region.link', function () { 
            $('.region.link').fancybox({
                openEffect  : 'none',
                closeEffect : 'none',
                helpers : {
                    media : {}
                }
            });
        });

Вот как это выглядит:

enter image description here

Fancybox следует вызывать при нажатии «смотреть эксклюзивное видео».

Вот сгенерированный элемент региона turnjs: 

<div class="region  link" region-data="url=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fc5vtcm4hRGs%3Fautoplay%3D1" style="top: 16%; left: 4%; width: 27%; height: 8%;"></div>

Чего мне не хватать?Всякий раз, когда я щелкаю по указанному региону, он просто открывает новую вкладку и загружает туда видео.

Надеюсь, вы поможете мне разобраться в этом.Заранее спасибо!

1 Ответ

0 голосов
/ 27 сентября 2018

Выполнив $( something ).fancybox(), вы просто присоединяете событие щелчка к этому элементу, и fancybox запустится только при следующем щелчке.

Если вы хотите немедленно запустить fancybox, вам нужно использовать $.fancybox.open( .. )см. документы для большего количества образцов.

...