[TYPO3-dev] f:image onClick enlargement

Frans Saris franssaris at gmail.com
Fri Jan 13 17:32:38 CET 2017


Hi,

You can use <a href="{image.publicUrl}" target="_blank"> for this.

Or <a href="{f:uri.image(image:image, width:'2000m')}"> if you want to make
sure the large version isn't to large.

Groet Frans

Op vr 13 jan. 2017 17:25 schreef bugblatterbeast <info at bugblatterbeast.de>:

> Hi,
>
>
>
> I've created an extension that uses a fal image-collection. It works quite
> well, but I also want onClick enlargement.
>
>           <f:if condition="{post.images}">
>                 <f:for each="{post.images}" as="image">
>                         <f:image src="{image.uid}" alt="" width="270"
> height="" treatIdAsReference="1" />
>                 </f:for>
>           </f:if>
>
> I've expecten f:image to support this feature but I didn't find any
> documentation on it particular, so I've decided to solve the problem in the
> simplest way by wrapping a link-tag around the image.
>
> <a href="{image.FILEPATH}" target="_blank"><f:image src="{image.uid}"
> alt="" width="270" height="" treatIdAsReference="1" /></a>
>
> Now I wonder: how do I get the path of a file-reference?
>
> <f:debug>{image}</f:debug> returns:
>
> Extbase Variable Dump
>
> TYPO3\CMS\Extbase\Domain\Model\FileReferenceprototypepersistent entity
> (uid=108, pid=167)
>    uidLocal => 418 (integer)
>    originalResource => NULL
>    uid => 108 (integer)
>    _localizedUid => 108 (integer)modified
>    _languageUid => 0 (integer)modified
>    _versionedUid => 108 (integer)modified
>    pid => 167 (integer)
>
>
>
> Kind regards, Nils
> _______________________________________________
> TYPO3-dev mailing list
> TYPO3-dev at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-dev
>



More information about the TYPO3-dev mailing list