[Frage] img mit 100% ausgeben - Extension news

  • maria_sl maria_sl
    T3PO
    0 x
    22 Beiträge
    0 Hilfreiche Beiträge
    16. 02. 2017, 13:32

    Hallo,
    ich habe mir in der News ein weiteres Partial angelegt und möchte, dass die Imgages immer in der Weite auf 100% angezeigt werden.

    Original:
    <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}"/>

    Mein Wunsch:
    <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="100%" height="auto" />

    Leider erscheint das Foto in einer Größe von 100px.

    Hat jemand eine Idee?
    Gruß Maria

  • Hilfreichster Beitrag

  • Norman2k Norman2k
    Jedi-General
    1 x
    1479 Beiträge
    43 Hilfreiche Beiträge
    16. 02. 2017, 14:43 - Hilfreichster Beitrag

    Mach es mit CSS, width und height im img Tag sind immer Pixel


  • 1
  • Norman2k Norman2k
    Jedi-General
    1 x
    1479 Beiträge
    43 Hilfreiche Beiträge
    16. 02. 2017, 14:43

    Mach es mit CSS, width und height im img Tag sind immer Pixel

  • BastianBalthasarBux BastianBa...
    Jedi-Ratsmitglied
    0 x
    713 Beiträge
    7 Hilfreiche Beiträge
    21. 02. 2017, 13:33

    ich darf ergänzen: width und height im viewhelper image (f:image) sind auch deswegen immer pixel, weil sie zur serverseitigen berechnung des bildes verwendet werden. und das sind natürlich ebenfalls pixel, die an imagemagick/graphicsmagick durchgereicht werden!

    To err is human; to really screw things up requires the root password.
    https://www.Riccabona.IT/
    https://T3BOARD17.TYPO3.org/

  • maria_sl maria_sl
    T3PO
    0 x
    22 Beiträge
    0 Hilfreiche Beiträge
    24. 02. 2017, 11:10

    Hi,
    wie kann ich CSS in den Viewhelper einbauen?

  • Norman2k Norman2k
    Jedi-General
    0 x
    1479 Beiträge
    43 Hilfreiche Beiträge
    27. 02. 2017, 10:35

    CSS in den Viewhelper? Du wirst doch bestimmt eine CSS-Datei für die Seite haben oder? Wenn nötig gib dem Bild eine Klasse und schreib dein CSS in die bestehende Datei.

  • aemka aemka
    Jedi-Ratsmitglied
    0 x
    560 Beiträge
    9 Hilfreiche Beiträge
    17. 05. 2017, 10:51

    Du kannst auch einen normalen Nicht-Fluid <img src="..." ... /> Tag ohne width und height Attribute schreiben und in das src den f:uri.image Viewhelper in Inline Schreibweise stecken, der nur die URL des Bildes zurückliefert. Das wäre eine rein serverseitige Lösung.

    TYPO3 Agentur Hamburg

  • 1