Fix single gallery images not zooming

web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html

@@ -3,7 +3,7 @@
     This content element was implemented as a slider initially and has been turned into a lightbox gallery.
     ToDo: Adjust naming accordingly
 </f:comment>
-<div class="slider slider--content">
+<div class="slider">
     <div class="slider__zoom-icon">
         <i class="fa fa-search-plus"></i> {images -> f:count()}
     </div>
@@ -33,12 +33,22 @@
     <div class="slider__zoom" style="display: none">
         <f:if condition="{thumbnails}">
             <f:then>
-                <f:for each="{images}" as="image" iteration="iteration">
-                    <f:if condition="{iteration.cycle} > 5">
-                        <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
-                           title="{image.title}">{iteration.index}</a>
-                    </f:if>
-                </f:for>
+                <f:if condition="{images -> f:count()} == 1">
+                    <f:then>
+                        <f:alias map="{image: images.0}">
+                            <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
+                               title="{image.title}">1</a>
+                        </f:alias>
+                    </f:then>
+                    <f:else>
+                        <f:for each="{images}" as="image" iteration="iteration">
+                            <f:if condition="{iteration.cycle} > 5">
+                                <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
+                                   title="{image.title}">{iteration.index}</a>
+                            </f:if>
+                        </f:for>
+                    </f:else>
+                </f:if>
             </f:then>
             <f:else>
                 <f:for each="{images}" as="image">