javascript - 灯箱上带有 slider 的图库

Question

大家好，我正在尝试在 wix website 上复制画廊你知道什么插件最适合这个吗？这是一个图库，然后单击它会变成一个带有 slider 的灯箱。

这是我的 HTML 代码

   <div id="loyalty-slider" class="gallery">
      <div class="media"><img class="media__image" src="images/loyalty-img-01.png">
        <div class="media__body">
          <h3>I'm a title</h3>
          <p>I'm a description</p>
        </div>
      </div>

      <div class="media"><img class="media__image" src="images/loyalty-img-02.png">
        <div class="media__body">
          <h3>I'm a title</h3>
          <p>I'm a description</p>
        </div>
      </div>

      <div class="media"><img class="media__image" src="images/loyalty-img-03.png">
        <div class="media__body">
          <h3>I'm a title</h3>
          <p>I'm a description</p>
        </div>
      </div>

      <div class="media"><img class="media__image" src="images/loyalty-img-03.png">
        <div class="media__body">
          <h3>I'm a title</h3>
          <p>I'm a description</p>
        </div>
      </div>
    </div>
  </div>

希望你能帮助我。

谢谢!

Answer 1

尝试使用下面的链接。

http://tosrus.frebsite.nl/examples.php