Вывожу на странице видео в виде галереи:
[[!pdoPage?
&parents=`[[*id]]`
&processTVs=`1`
&includeTVs=`image,publication-date,video-code`
&tpl=`videoTpl`
&showHidden=`1`
&ajaxMode=`button`
&limit=`10`
]]
В чанке videoTpl:
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="block-video">
<div class="youtube">
<a class="popup-youtube" rel="nofollow" href="http://www.youtube.com/watch?v=[[+tv.video-code]]">
<img class="img-thumb" src="[[+tv.image:phpthumbon=`w=220&h=200&zc=1`]]"></a>
</div>
<div class="title"><h4><a href="[[+uri]]">[[+longtitle:default=`[[+pagetitle]]`]]</a></h4></div>
</div>
</div>
При загрузке первой страницы все видео открываются в модальном окне, но когда нажимаешь, Загрузить еще, вторая страница, при клике на любое видео уже открыается не в модальном окне, а переходит на youtube этого видео.
Подскажите, как решить, спасибо.
Андрей 14.07.2018 14:07 #
Например с fancybox это выглядит так:
Для Magnific Popup надо смотреть, какие там доступны методы реализации, ни разу с ним не работал.
Олег 14.07.2018 18:19 #
Пробовал так:
в таком виде первая страница тоже не работают модальные окна.
Если не сложно подскажите как правильно.
Кстати с с fancybox я пробовал без использования колбеков, там модальные окна на всех страницах открываются у меня, но у fancybox другой нюанс, в хроме и опере, неактивный значек youtube «Во весь экран» (полноэкранный режим).
Андрей 14.07.2018 18:45 #
Reinitialize Magnific Popup on infinite scroll callback?. По идее должно быть примерно так:
Если не сработает, то искать ещё варианты как можно сделать reinit, либо пробовать другие библиотеки.
«Кстати с с fancybox я пробовал без использования колбеков, там модальные окна на всех страницах открываются у меня, но у fancybox другой нюанс, в хроме и опере, неактивный значек youtube «Во весь экран» (полноэкранный режим).»
На fancybox3 должно всё работать, по крайней мере на демо сайте всё норм.
Олег 14.07.2018 19:18 #
Смотрел демо сайт fancybox3, действительно там полноэкранный режим работает, я использовал более старую версию.