Question

从PhotoSwipe的文档中我得到了以下片段。

<div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">

    <figure itemscope itemtype="http://schema.org/ImageObject">
        <a href="large-image.jpg" itemprop="contentUrl" data-size="600x400">
            <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
        </a>
        <figcaption itemprop="caption description">Image caption</figcaption>
    </figure>

    <figure itemscope itemtype="http://schema.org/ImageObject">
        <a href="large-image.jpg" itemprop="contentUrl" data-size="600x400">
            <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
        </a>
        <figcaption itemprop="caption description">Image caption</figcaption>
    </figure>

</div>

http://photoswipe.com/documentation/getting-started.html处的文档未解释如何轻松调用图像上的PhotoSwipe。它确实提供了一些长代码，但我不乐意使用它，因为它过于复杂。

该文档说如果我使用jQuery，代码可以变得更简单。

如果您使用jQuery或MooTools等框架，或者您不需要支持IE8，代码可以大大简化。

但我无法在文档或搜索中找到它。那么我应该如何基于此调用PhotoSwipe呢？

Answer 1

我在github上发现了这个

https://gist.github.com/di5abled/d8d84af3be5e1bf12507

希望这会有所帮助

编辑 -

我成功地遵循了本教程，对不起第一个链接

http://webdesign.tutsplus.com/tutorials/the-perfect-lightbox-using-photoswipe-with-jquery--cms-23587

在图像列表上调用PhotoSwipe的简便方法

1 个答案: