Question

使用photoswipe，我希望能够在同一页面上启动多个图库，而无需任何缩略图。

根据此演示http://codepen.io/dimsemenov/pen/ZYbPJM，图库是从缩略图上的clic启动的。我不想在页面上显示任何缩略图，但我希望能够根据代码段中的标记从链接（class =＆＃34; trigger-link＆＃39;）触发选定的图库下方。

如何基于codepen演示在链接而不是缩略图上绑定打开的选定图库？

＆＃13;

<article class="gallery">
  <a class="trigger-link" href="">
    <h1>Gallery 1</h1>
  </a>
  <div class="gallery__items">
    <figure>
      <img src="https://source.unsplash.com/random" data-size="1200x800">
    </figure>
    <figure>
      <img src="https://source.unsplash.com/category/nature/weekly" data-size="1200x800">
    </figure>
  </div>
</article>
<article class="gallery">
  <a class="trigger-link" href="">
    <h1>Gallery 2</h1>
  </a>
  <div class="gallery__items">
    <figure>
      <img src="https://source.unsplash.com/dategory/city/daily" data-size="1200x800">
    </figure>
    <figure>
      <img src="https://source.unsplash.com/category/nature/daily" data-size="1200x800">
    </figure>
  </div>
</article>

＆＃13;

从链接打开多个photoswipe画廊，没有缩略图

0 个答案: