Создайте фотопленку на разметке UL>LI>FIGURE

Question

На документах 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

Answer 1

Вы должны правильно обойти DOM и передать правильные элементы, я не могу объяснить это, это просто понимание того, как и какие узлы выбраны - вот суть: https://gist.github.com/TMMC/6ec51c46d9fa57e1fd6a480f0d5da86d - у меня было та же проблема, точно такой же код. Ищите комментарии, начинающиеся с make it works with,

Answer 2

Пытаться ".my-gallery > li > figure > a" как gallerySelector