Zum Inhalt springen

Mehrere Ressourcen-Bilder als Carousel/Slider mit Pfeilen oder nur Bild

Erstellt am 13. November 2020 · 1 Antwort · letzte Antwort am 16. November 2020

Tags: Fluid, Dateien & FAL, TYPO3 10, Frage

alexinge ·

Hallo,

ich möchte in einer 10.4.9-Installation je nach Anzahl der Bilder, die über Ressourcen in die Seite eingebunden sind, einen Slider mit Pfeilen oder nur das Bild anzeigen lassen.
Wie kann ich die Anzahl der Bilder auslesen und mit if/override die Pfeile darstellen?

lib.headerBild = FILES
lib.headerBild {
    references {
       table = pages
       data = levelmedia:-1, slide
       treatIdAsReference = 1        
    }
    maxItems = 3

    renderObj = COA
    renderObj {
        10 = IMAGE
        10 {
            file {
              import {
                data = file:current:publicUrl
              }
          }
          altText.data = file:current:alternative
        }
        20 = TEXT 
        20 {
		stdWrap.data = file:current:title
		stdWrap.wrap = <div class="carousel-caption"><h2>|</h2>
        }	
        30 = TEXT 
        30 {
		stdWrap.data = file:current:description
		stdWrap.wrap = <h3>|</h3></div>
        }	
		wrap = <div class="item">|</div>
    }
    stdWrap {
	# wrap ohne Pfeile
	wrap = <div id="myCarousel" class="carousel slide" data-ride="carousel"><div class="carousel-inner">|</div></div>
	override.if.value = 1
	override.if.isGreaterThan.data = register:FILE_NUM_CURRENT
	# wrap mit Pfeilen	
	override.wrap  = <div id="myCarousel" class="carousel slide" data-ride="carousel"><div class="carousel-inner">|</div><!-- Left and right controls --><a class="left carousel-control" href="#headerCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><i class="icon-arrow-short-left"></i></span><span class="sr-only">Zurück</span></a><a class="right carousel-control" href="#headerCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><i class="icon-arrow-short-right"></i></span><span class="sr-only">Weiter</span></a></div>
    }
}
Teisinger ·

du kannst in deinem FLUID-Template einfach mal <f:debug>{_all}</f:debug> machen, dann wird dir fast alles ausgegeben was du in dem jeweiligem FLUID-Template zur verfügung hast.

Da sollte es dann ein "data" geben in dem alles was du in den Seiteneigenschaften einstellen kannst drin ist, inkl. deinen Bildern/Resourcen.
In Fluid lässt es sich dann auch ganz leicht Prüfen ob Bilder vorhanden sind und wenn wieviele ... "f:if" und f:count.