EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix single gallery images not zooming

Browse Source
This commit is contained in:
Björn Fromme
2018-09-20 16:07:36 +02:00
parent eda23ab98b
commit eaaaf9399e
1 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
+17 -7
View File
@@ -3,7 +3,7 @@
This content element was implemented as a slider initially and has been turned into a lightbox gallery. This content element was implemented as a slider initially and has been turned into a lightbox gallery.
ToDo: Adjust naming accordingly ToDo: Adjust naming accordingly
</f:comment> </f:comment>
<div class="slider slider--content"> <div class="slider">
<div class="slider__zoom-icon"> <div class="slider__zoom-icon">
<i class="fa fa-search-plus"></i> {images -> f:count()} <i class="fa fa-search-plus"></i> {images -> f:count()}
</div> </div>
@@ -33,12 +33,22 @@
<div class="slider__zoom" style="display: none"> <div class="slider__zoom" style="display: none">
<f:if condition="{thumbnails}"> <f:if condition="{thumbnails}">
<f:then> <f:then>
<f:for each="{images}" as="image" iteration="iteration"> <f:if condition="{images -> f:count()} == 1">
<f:if condition="{iteration.cycle} > 5"> <f:then>
<a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}" <f:alias map="{image: images.0}">
title="{image.title}">{iteration.index}</a> <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, crop: image.crop, maxWidth: '2560')}"
</f:if> title="{image.title}">1</a>
</f:for> </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:then>
<f:else> <f:else>
<f:for each="{images}" as="image"> <f:for each="{images}" as="image">