• Forum
• TYPO3 CMS: Module, Erweiterungen und App...
• Diverse sonstige Module
• DCE Fal image url ausgeben ohne img tag

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

• celmedia
  Padawan

  0 x

  49	Beiträge
  2	Hilfreiche Beiträge

  • Facebook
  • Twitter

  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.

  Tags: DCE , Url , Image
• griddi
  Jar Jar Binks

  1 x

  1	Beiträge
  1	Hilfreiche Beiträge

  • Facebook
  • Twitter

  28. 01. 2016, 12:15 - Lösung

  Hallo!

  Bei mir funktionier folgendes (TYPO3 7.6.2):
  

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

  Hoffe es hilft weiter ...

• 1

• griddi
  Jar Jar Binks

  1 x

  1	Beiträge
  1	Hilfreiche Beiträge

  • Facebook
  • Twitter

  28. 01. 2016, 12:15

  Hallo!

  Bei mir funktionier folgendes (TYPO3 7.6.2):
  

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

  Hoffe es hilft weiter ...

• celmedia
  Padawan

  0 x

  49	Beiträge
  2	Hilfreiche Beiträge

  • Facebook
  • Twitter

  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

• Zurück