{% extends "@Contao/content_element/gallery.html.twig" %}
    {% block list_component %}
{#        <div class="swiper galerie-swiper">#}
{#            <div class="swiper-wrapper">#}
{#                {% for img in images %}#}
{#                    <div class="swiper-slide">#}
{#                        <a href="{{ img.image.getImageSrc() }}" data-fancybox="gallery">#}
{#                            <img src="{{ img.image.getImageSrc() }}" />#}
{#                        </a>#}
{#                    </div>#}
{#                {% endfor %}#}
{#            </div>#}
{#            <div class="swiper-button-next"></div>#}
{#            <div class="swiper-button-prev"></div>#}
{#        </div>#}
        <div thumbsSlider="" class="swiper galerie-swiper thumbnails">
            <div class="swiper-wrapper">
                {% for img in images %}
                    <div class="swiper-slide">
                        <a href="{{ img.image.getImageSrc() }}" data-fancybox="gallery" data-caption="{{img.hasMetadata ? img.metadata.title}}"  >
                            <img src="{{ img.image.getImageSrc() }}" />
                        </a>
                    </div>
                {% endfor %}
            </div>
        </div>
    {% endblock %}