[TYPO3-german] YAG Metadaten in Template einbauen
Kundert Markus
markus at kundert.net
Fri Jul 29 17:55:14 CEST 2016
Hallo Cracks
Ich habe eine kleine Extension gebaut, die die Gallerie "Photoswipe" in YAG zur Verfügung stellt
Die Extension läuft perfekt, nur würde ich noch gerne die Metadaten (EXIF) im Template einbinden
Check es nicht, wie ich was, wo vornehmen muss, bitte um eure Hile
Mein Template sieht so aus:
-------------------------------------
{namespace yag=Tx_Yag_ViewHelpers}
{namespace extlist=Tx_PtExtlist_ViewHelpers}
{namespace ptx=Tx_PtExtbase_ViewHelpers}
<div class="mkm_photoswipe" itemscope itemtype="Ich derf noch keine Links einfügen">
<f:for each="{listData}" key="rowIndex" as="listRow">
<figure itemprop="associatedMedia" itemscope itemtype="Ich derf noch keine Links einfügen">
<a href="{yag:resource.image(item:listRow.image.value)}" data-size="{listRow.image.value.width}x{listRow.image.value.height}">
<img src="{yag:resource.image(item:listRow.image.value, resolutionName:'thumb')}" itemprop="thumbnail" height="{listRow.image.value.height}px"
/>
<f:if condition="{config.settings.item.showTitle}">
<f:if condition="{listRow.image.value.title}">
<div class="mkm_photoswipe_tumb_title">{listRow.image.value.title}</div>
</f:if>
</f:if>
<f:if condition="{config.settings.item.showDescription}">
<f:if condition="{listRow.image.value.description}">
<div class="mkm_photoswipe_tumb_description">{listRow.image.value.description}</div>
</f:if>
</f:if>
</a>
<!-- Wird von Photoswipe.js abgefangen -->
<figcaption itemprop="caption description">
{listRow.image.value.description}<br />
{listRow.image.value.title}<br />
<!-- -->
<!-- Hier würde ich gerne die Metadaten einfügen -->
<!-- -->
</figcaption>
</figure>
</f:for>
</div>
<!-- Wird von Photoswipe.js abgefangen -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
Danke und Gruss
Markus
More information about the TYPO3-german
mailing list