add filter on carousels files extensions

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

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

ot_templating/Resources/Private/Partials/Modern/Carousel.html

@@ -36,38 +36,38 @@
 
                 <ul>
                     <f:for each="{images}" as="image">
+                        <f:if condition="{v:variable.pregMatch(pattern: '/.*(?:jpe?g|gif|png)$/', subject: image.url)}">
+                            <li data-index="rs-757"
+                                data-transition="fade"
+                                data-slotamount="default"
+                                data-hideafterloop="0"
+                                data-hideslideonmobile="off"
+                                data-easein="default"
+                                data-easeout="default"
+                                data-masterspeed="1000"
+                                data-thumb=""
+                                data-rotate="0"  data-saveperformance="off"
+                                data-title="Slide"
+                                data-param1=""
+                                data-param2=""
+                                data-param3=""
+                                data-param4=""
+                                data-param5=""
+                                data-param6=""
+                                data-param7=""
+                                data-param8=""
+                                data-param9=""
+                                data-param10=""
+                                data-description="">
 
-                        <li data-index="rs-757"
-                            data-transition="fade"
-                            data-slotamount="default"
-                            data-hideafterloop="0"
-                            data-hideslideonmobile="off"
-                            data-easein="default"
-                            data-easeout="default"
-                            data-masterspeed="1000"
-                            data-thumb=""
-                            data-rotate="0"  data-saveperformance="off"
-                            data-title="Slide"
-                            data-param1=""
-                            data-param2=""
-                            data-param3=""
-                            data-param4=""
-                            data-param5=""
-                            data-param6=""
-                            data-param7=""
-                            data-param8=""
-                            data-param9=""
-                            data-param10=""
-                            data-description="">
-
-                            <f:image src="{image.url}"
-                                 alt="{image.alternative}"
-                                 class="rev-slidebg"
-                                 height="500c"
-                                 data="{bgposition: 'center center', bgfit: 'cover', bgrepeat: 'no-repeat', no-retina: ''}"
-                            />
-                        </li>
-
+                                <f:image src="{image.url}"
+                                     alt="{image.alternative}"
+                                     class="rev-slidebg"
+                                     height="500c"
+                                     data="{bgposition: 'center center', bgfit: 'cover', bgrepeat: 'no-repeat', no-retina: ''}"
+                                />
+                            </li>
+                        </f:if>
                     </f:for>
                 </ul>
             </div>

ot_templating/Resources/Private/Templates/Content/Carousel.html

@@ -36,16 +36,16 @@
             <f:for each="{v:content.resources.fal(field: 'images', uid: '{record.uid}')}"
                    as="image"
                    iteration="iterator">
-
-                <f:image treatIdAsReference="1"
-                         src="{image.id}"
-                         title="{image.title}"
-                         alt="{image.alternative}"
-                         class="be-carousel-img-preview"
-                         maxWidth="128"
-                         maxHeight="128"
-                />
-
+                <f:if condition="{v:variable.pregMatch(pattern: '/.*(?:jpe?g|gif|png)$/', subject: image.url)}">
+                    <f:image treatIdAsReference="1"
+                             src="{image.id}"
+                             title="{image.title}"
+                             alt="{image.alternative}"
+                             class="be-carousel-img-preview"
+                             maxWidth="128"
+                             maxHeight="128"
+                    />
+                </f:if>
             </f:for>
         </div>
     </f:section>