在UL> LI>图标记上创建照片

时间:2016-11-27 11:41:22

标签: photoswipe

在photoswipe文档上,标记为 div / figure / img 。但我想要其他标记。

如何"为此 ul / li / figure / img 标记创建幻灯片对象数组" 。我知道我需要以某种方式编辑" var initPhotoSwipeFromDOM = function(gallerySelector){"功能。但是现在不需要做什么改变?

这是我的标记:

<ul class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<li>
    <figure>
        <a href="large-image.jpg" data-size="600x400">
            <img src="small-image.jpg" itemprop="thumbnail"/>
        </a>
        <figcaption itemprop="caption description">Image caption</figcaption>
    </figure>
</li>

</ul>

相关问我在互联网上: https://codedump.io/share/Hc9do6CIJgwH/1/how-do-i-get-photoswipe-to-recognize-entire-gallery-from-list-of-thumbnail-images

2 个答案:

答案 0 :(得分:0)

尝试".my-gallery > li > figure > a"作为gallerySelector

答案 1 :(得分:0)

您必须正确地遍历DOM并传递适当的元素,但我无法解释,这只是为了了解如何选择节点以及选择哪些节点-要点如下:https://gist.github.com/TMMC/6ec51c46d9fa57e1fd6a480f0d5da86d-我确实遇到了同样的问题相同的代码。寻找以make it works with开头的评论。