ot_typo3/ot_templating/Resources/Private/Partials/Classic/Carousel.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!--
    -- Resources.fal ViewHelper --
    Voir: https://fluidtypo3.org/viewhelpers/vhs/master/Page/Resources/FalViewHelper.html
--></f:comment>


<v:page.resources.fal table="pages"
                      field="media"
                      uid="{page.uid}"
                      as="images"
                      slide="-1"
                      limit="10"  >

    <div class="carousel">
        <f:for each="{images}" as="image">
            <f:if condition="{v:variable.pregMatch(pattern: '/.*(?:jpe?g|gif|png)$/', subject: image.url)}">
                <div>
                    <ot:imageP src="{image.url}"
                             alt="{image.alternative}"
                             title="{image.title}"
                             class="carousel-img"
                             height="500c"
                    />
                </div>
            </f:if>
        </f:for>
    </div>
</v:page.resources.fal>