<picture> Element für Special Slider

Aktuell werden die Bilder im Slider immer mit der gleichen Größe auf allen Endgeräten ausgegeben.

Folgende Lösung habe ich mir überlegt.

  1. Installation der EXT VHS
  2. Anpassung der Datei "Templates/Content/Carousel.html"

Um diese Anpassung nur in der ColPos "Slider" zu haben, frage ich es so ab.

f:if condition="{data.parentgrid_colPos} == '10'"

Hier in der rechten Spalte wird der Slider ohne das picture Element ausgegeben.

Im Slider oben, werden die einzelnen Bilder je nach Browsergröße nachgeladen.