[Frage] DCE Fal image url ausgeben ohne img tag [Gelöst] TYPO3-Version: -

  • celmedia celmedia
    Padawan
    0 x
    49 Beiträge
    2 Hilfreiche Beiträge
    08. 01. 2016, 01:28

    hallo zusammen

    ich möchte mit der DCE Extension die ich über alles liebe ein parallax slider abfüllen lassen .

    mit file upload natürlich kein problem :
    .... style="background-image: url('fileadmin/user_upload/slider/{field.bild}');" ....

    mit dce:fal auch kein problem :
    ...
    <f:for each="{dce:fal(field:'bild', contentObject:contentObject)}" as="fileReference">
    <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" />
    </f:for>
    ...
    aber da hab ich dan ja die bei der ausgabe keine url sonder den <img src="einbild.jpg"> als Ausgabe.
    nun möchte ich natürlich im backend den FAL benutzen damit der Redakteur dan auch die bilder Cropen kann und es auch komprimiert wird, jedoch suche ich schon verzweifelt nach lösungen wie ich nur die url ausgeben kan damit das ergebis nachher so aussieht:
    ...style="background-image: url('fileadmin/user_upload/slider/HIER-NUR-DIE-BILD-URL.jpg');"...

    wäre supper froh wen mir da jemand bischen auf die sprünge hilft.

  • griddi griddi
    Jar Jar Binks
    1 x
    1 Beiträge
    1 Hilfreiche Beiträge
    28. 01. 2016, 12:15 - Lösung

    Hallo!

    Bei mir funktionier folgendes (TYPO3 7.6.2):

    1. <ul>
    2. <f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="fileReference" iteration="iterator">
    3. <li style="background-image: url('{f:uri.image(src:'{fileReference.uid}',treatIdAsReference:'1')}');"></li>
    4. </f:for>
    5. </ul>

    Hoffe es hilft weiter ...


  • 1
  • griddi griddi
    Jar Jar Binks
    1 x
    1 Beiträge
    1 Hilfreiche Beiträge
    28. 01. 2016, 12:15

    Hallo!

    Bei mir funktionier folgendes (TYPO3 7.6.2):

    1. <ul>
    2. <f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="fileReference" iteration="iterator">
    3. <li style="background-image: url('{f:uri.image(src:'{fileReference.uid}',treatIdAsReference:'1')}');"></li>
    4. </f:for>
    5. </ul>

    Hoffe es hilft weiter ...

  • celmedia celmedia
    Padawan
    0 x
    49 Beiträge
    2 Hilfreiche Beiträge
    07. 03. 2016, 14:43

    hatte es letztens dan doch anders gelööst aber ... (nicht so gut)
    nun brauchte ich es wieder und hab es gerade noch bischen erweitert ... besten dank griddi für deine hilfe ... hast mir endlich gezeigt was ich schon lange suchte :-)
    ... hier mein code für all die eine gallery oder slider machen wollen mit dem DCE und beliebig viele bilder hoch packen möchten über die fal und noch beschreibung und titel u.s.w brauchen um die im frontend darzustellen ... im a tag gib ich nur den url aus und das image wir zurecht geschnitten damit die seit schnell lädt ...

    {namespace dce=ArminVieweg\Dce\ViewHelpers}
    <f:layout name="None" />
    <f:section name="main">
    <div data-lightbox="gallery">

    <f:for each="{dce:fal(field:'bilder', contentObject:contentObject)}" as="fileReference" iteration="iterator">
    <div class="col-md-4 gallerybox"><h4>{fileReference.title}</h4><a title="{fileReference.description}" data-lightbox="gallery-item" href="{f:uri.image(src:'{fileReference.uid}',treatIdAsReference:'1')}"> <f:image src="{fileReference.uid}" width="375c" height="200c" alt="" treatIdAsReference="1" /></a></div>
    </f:for>

    </div>
    </f:section>

  • 1