Fancybox3: Как создать отдельные галереи на одной странице, сохраняя атрибут триггера данных? - PullRequest
Новая
       6

Fancybox3: Как создать отдельные галереи на одной странице, сохраняя атрибут триггера данных?

0 голосов
/ 28 июня 2018

Я не уверен, как создавать отдельные галереи при использовании атрибута триггера данных. На одной и той же странице я хочу иметь возможность нажимать разные кнопки в разных галереях видео и изображений.

Вот код ... 

<div id="porfolio-animation">
<div class="row">
    <h1 class="portfolio-headers">animation</h1>
    <img class="displayed">

    <a data-trigger="preview01" href="javascript:;"> 
    <img src="images/animation-btn.svg" width="100" height="100" alt="Animation portfolio">
    </a>

    <a href="https://vimeo.com/148636779" data-fancybox="preview01">
    </a>

    <a href="https://vimeo.com/227570106" data-fancybox="preview01">
    </a>

    <a href="https://vimeo.com/277458775" data-fancybox="preview01">
    </a>

<div class="portfolio-illo">

    <a data-trigger="preview02" href="javascript:;"> 
    <img src="images/illo-btn.svg" width="100" height="100" alt="Illustration portfolio">
    </a>

    <a href="images/fastfood_coffee_illo_web.jpg" data-fancybox="preview02">
    </a>

    <h1 class="portfolio-headers">illustration</h1>
</div>

...