From 06547943ce6ed1b24466f1abadd4332625cc51ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Wed, 26 Sep 2018 11:01:01 +0200
Subject: [PATCH] Render lightbox captions using image title field

---
 .../Private/Partials/ContentSlider.html         | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
index 9e3dc1d3..97e4b2ae 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
@@ -21,9 +21,9 @@
                 <f:for each="{images}" as="image" iteration="iteration">
                     <f:if condition="{iteration.cycle} <= 5">
                         <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
-                           data-fancybox="gallery-{id}" class="slider__thumb">
+                           data-fancybox="gallery-{id}" data-caption="{image.originalResource.title}" class="slider__thumb">
                             <f:image image="{image}" width="150" height="85c+100" class="img-responsive"
-                                     alt="{image.alternative}" title="{image.title}"/>
+                                     alt="{image.originalResource.alternative}" title="{image.originalResource.title}"/>
                         </a>
                     </f:if>
                 </f:for>
@@ -36,15 +36,17 @@
                 <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, cropVariant: 'zoom', maxWidth: '2560')}"
+                            <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
+                               data-fancybox="gallery-{id}" data-caption="{image.originalResource.title}"
                                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, cropVariant: 'zoom', maxWidth: '2560')}"
-                                   title="{image.title}">{iteration.index}</a>
+                                <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
+                                   data-fancybox="gallery-{id}" data-caption="{image.originalResource.title}"
+                                   title="{image.originalResource.title}">{iteration.index}</a>
                             </f:if>
                         </f:for>
                     </f:else>
@@ -52,8 +54,9 @@
             </f:then>
             <f:else>
                 <f:for each="{images}" as="image">
-                    <a data-fancybox="gallery-{id}" href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
-                       title="{image.title}">{iteration.index}</a>
+                    <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
+                       data-fancybox="gallery-{id}" data-caption="{image.originalResource.title}"
+                       title="{image.originalResource.title}">{iteration.index}</a>
                 </f:for>
             </f:else>
         </f:if>