CREATIVE AGENCY - PROFESSIONAL VIDEOGRAPHERS - VIDEOSHOOT ABROAD

МЫ СОЗДАЁМ
УНИКАЛЬНЫЙ
ВИДЕОКОНТЕНТ

Мы сплоченная команда, нацеленная быть лучшей в сфере
свадебного и коммерческого видеопроизводства.
Работы
Left
Right

Как создать галерею из видео, используя связку блоков TE110 и GL08N для Tilda

Создадим галерею из видео, которая будет открываться в popUP окне при клике на фото в блоке TE110. Также необходимо, чтобы при клике на фото открывалось видео, которое ему соответствует. И не забудем учесть остановку видео при пролистывании галереи.

Порядок действий:
1. Создаём блок TE110
2. Создаём галерею GL08N
3. В контенте галереи добавляем превью фото и видео с youtube
Пример выполнен для 6 фотографий и 6 видео-роликов
4. Код вставляется в блок Другое►Т123
<style>
/*Курсор при наведении на плитки*/
    .t694__col{cursor:pointer; }
</style>
<script>
    $(document).ready(function(){
    //Добавляем всем видео в галерее класс полной загрузки
    $(".t746 .t-slds__item").addClass("t-slds__item-loaded");
    //При нажатии на плитку открываем видео
    $('.t694__col').click(function(){
    var number = $(".t694__col").index(this);    
    setTimeout(function() { $(".t746 .t-slds__bullet:eq("+number+")")[0].click(); }, 50);
});});
  </script>
Made on
Tilda