[Frage] SVG über IMAGE cObject als <img> einbinden [Gelöst] TYPO3-Version: 6.2.7

alfredbez
T3PO

0 x
26 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
20. 01. 2015, 10:57

Moin,
ich versuche gerade folgenden HTML-Code mit Typoscript zu generieren:
```
<a href="/index.php">
    <img src="/fileadmin/templates/projektname/img/logo.svg" alt="">
</a>
```
Mein TS-Code:
```
lib.headerlogo = COA
lib.headerlogo {
  10 = IMAGE
  10 {
    file = /fileadmin/templates/projektname/img/logo.svg
    stdWrap {
      typolink {
        parameter = 1
      }
    }
  }
}
```
Das klappt leider nicht. Wenn ich allerdings die png-Datei angebe:
```
lib.headerlogo.10.file = /fileadmin/templates/projektname/img/logo.png
```
Dann wird alles richtig angezeigt, leider nur als png und nicht als svg.
Das cObject SVG ([url]http://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Svg/Index.html[/url]) habe ich mir auch schon angesehen, ist aber nicht das, was ich brauche, da es ein inline-SVG erzeugt (statt <img>-Tag).
Tags: SVG , Image , TypoScript
toifel
Jedi-Ratsmitglied

1 x
831 Beiträge

96 Hilfreiche Beiträge
- Facebook
- Twitter
20. 01. 2015, 11:41 - Lösung

Warum dann über IMAGE? Das SVG muss i.d.R. ja nicht noch mal von ImageMagick bearbeitet werden.
Zudem brauchst du hier eigentlich kein COA, solange es nur ein einzelnes Unterobjekt gibt.
```
lib.headerLogo = TEXT
lib.headerLogo {
    value = <img src="/fileadmin/templates/projektname/img/logo.svg" />
    stdWrap.typolink.parameter = 1
  }
}
```

toifel
Jedi-Ratsmitglied

1 x
831 Beiträge

96 Hilfreiche Beiträge
- Facebook
- Twitter
20. 01. 2015, 11:41

Warum dann über IMAGE? Das SVG muss i.d.R. ja nicht noch mal von ImageMagick bearbeitet werden.
Zudem brauchst du hier eigentlich kein COA, solange es nur ein einzelnes Unterobjekt gibt.
```
lib.headerLogo = TEXT
lib.headerLogo {
    value = <img src="/fileadmin/templates/projektname/img/logo.svg" />
    stdWrap.typolink.parameter = 1
  }
}
```
alfredbez
T3PO

0 x
26 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
20. 01. 2015, 11:48

Das COA habe ich genommen, weil ich ursprünglich noch weitere Elemente einfügen wollte.
Ich habe auch schon überlegt es einfach als TEXT statt IMAGE einzubinden, schien mir irgendwie "unsauber", aber man sollte ja nicht zu pingelig sein...
Habe ich jetzt einfach so umgesetzt, läuft auch, danke dir ;-)
@toifel : da ist eine schließende Klammer zu viel
PS: Wenn man es als TEXT einbaut, dann bitte auch an das alt-Tag denken
Meine Lösung sieht jetzt so aus:
```
lib.headerlogo = TEXT
lib.headerlogo {
  value = <img src="/fileadmin/templates/projektname/img/logo.svg" alt="" />
  stdWrap.typolink.parameter = 1
}
```

Zurück